يدرك JS تأثير النص على التمرير وتغيير اللون. في صفحة عرض التأثير ، يمكنك رؤية النص الذي يتناوب مع شاشة تغيير الألوان لجذب انتباه الناس. التأثير جيد حقًا. بعد نسخ الرمز إلى موقع الويب الخاص بك ، سيكون من المقبول تعديله في النص المطلوب.
فيما يلي رمز المصدر:
نسخة الكود كما يلي:
<html>
<head>
<meta http-equiv = "content-type" content = "text /html ؛ charset = utf-8" />
<title> تمرير النص الذي يغير اللون JS المؤثرات الخاصة </title>
</head>
<body>
<viv>
يرجى ملاحظة النص أدناه ، وبعض النص مصبوغ باللون الأحمر ، ويتحرك الأحمر في حلقة. <a href = "http://keleyi.com/a/bjad/bd55blos.htm" target = "_ blank"> النص الأصلي </a>
</div>
<script type = "text/javaScript">
var message = "مرحبًا بك في Keleyi.com ، إليك مواد تعليمية مثل الواجهة الأمامية على الويب."
var neonbasecolor = "#333333"
var neontextColor = "#ff0000"
var neontextColor2 = "#ff3333"
var flashpeed = 100
var flashingletters = 8
var flashingletters2 = 2
var flashpain = 0
var n = 0
if (document.all || document.getElementById) {
document.write ('<font color = "'+neonbasecolor+'">')
لـ (m = 0 ؛ m <message.length ؛ m ++)
document.write ('<span id = "neonlight'+m+'">'+message.charat (m)+'</span>')
document.write ('</font>')
}
آخر
document.write (رسالة)
وظيفة CrossRef (رقم) {
var crossobj = document.all؟ eval ("document.all.neonlight"+رقم): document.getElementByid ("Neonlight"+رقم)
العودة crossobj
}
وظيفة neon () {
if (n == 0) {
لـ (m = 0 ؛ m <message.length ؛ m ++)
Crossref (M) .style.color = Neonbasecolor
}
CrossRef (n) .style.color = neontextColor
إذا (n> flashingletters-1) CrossRef (n-flashingletters) .style.color = neontextColor2
if (n> (Flashingletters+flashinglets2) -1) CrossRef (n-flashinglets-flashinglets2) .style.color = neonbasecolor
إذا (n <message.length-1)
N ++
آخر{
ن = 0
ClearInterval (وامض)
setTimeout ("Beginneon ()" ، انقطاع المضيق)
يعود
}
}
وظيفة startneon () {
if (document.all || document.getElementByid)
وامض = setInterval ("neon ()" ، ومسرفات الفلاش)
}
Beginnon ()
</script>
<viv> <br/> <a href = "http://keleyi.com" target = "_ blank"> keleyi.com </a> </viv>
</body>
</html>