موقع المطورين

موقع المطورين (http://www.mtweren.com/index.php)
-   ركن أكواد الجافا سكربت Java Script المجانيه (http://www.mtweren.com/forumdisplay.php?f=15)
-   -   نص تتغير ألوان حروفه بالتدريج (http://www.mtweren.com/showthread.php?t=352)

W!ndows 10-09-2017 09:26 PM

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

      انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY
<SCRIPT LANGUAGE="JavaScript">

// Visit http://www.elahmad.com/ for more code
//  http://www.elahmad.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>");
}
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>




الساعة الآن 02:15 PM.

Powered by vBulletin Version 3.8.7
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd SmartServs
جميع الحقوق محفوظة © منتديات المطورين