نص تتغير ألوان حروفه بالتدريج

نص تتغير ألوان حروفه بالتدريج

طريقة التركيب

انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY
<SCRIPT LANGUAGE="JavaScript"> // Visit http://www.star28.com/ for more code // Translated By http://www.3jeeb4you.com/ <!-- Begin // ضع النص بين علامتي التنصيص text = "السلام عليكم " ; color1 = "blue"; // لون النص الاصلي color2 = "red"; // لون الحرف المميز fontsize = "6"; // حجم الخط speed = 100; // مدى سرعة النص // time is in milliseconds, (مثلا 1000 = ثانية واحدة) // لا تعدل اي شئ تحت هذا الخط إلا إذا كنت تعلم ما تفعل i = 0; if (navigator.appName == "Netscape") { document.write("<layer id=a visibility=show></layer><br><br><br>"); } else { document.write("<div id=a></div>"); } function changeCharColor() { if (navigator.appName == "Netscape") { document.a.document.write("<center><font size =" + fontsize + "><font color=" + color1 + ">"); for (var j = 0; j < text.length; j++) { if(j == i) { document.a.document.write("<font color=" + color2 + ">" + text.charAt(i) + "</font>"); } else { document.a.document.write(text.charAt(j)); } } document.a.document.write('</font></font></center>'); document.a.document.close(); } if (navigator.appName == "Microsoft Internet Explorer") { str = "<center><font size=" + fontsize + "><font color=" + color1 + ">"; for (var j = 0; j < text.length; j++) { if( j == i) { str += "<font color=" + color2 + ">" + text.charAt(i) + "</font>"; } else { str += text.charAt(j); } } str += "</font></font></center>"; a.innerHTML = str; } (i == text.length) ? i=0 : i++; // reset after going through all letters } setInterval("changeCharColor()", speed); // End --> </script> <br>