موقع المطورين
  العودة  موقع المطورين \ أقسام الأكواد والدروس \ ركن أكواد الجافا سكربت Java Script المجانيه \ نص تتغير ألوان حروفه بالتدريج

http://mtweren.com/bb.pngحـساباتنا البنــكيةhttp://mtweren.com/bb.png

 
 
أدوات الموضوع العرض العاديالعرض المتطورالعرض الشجري
  #1  
قديم 10-09-2017, 09:26 PM
W!ndows W!ndows غير متواجد حالياً
Administrator
 
تاريخ التسجيل: Sep 2017
المشاركات: 350
افتراضي نص تتغير ألوان حروفه بالتدريج

كود:
انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة 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>
رد مع اقتباس


أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع