JS menyadari efek teks pengguliran dan perubahan warna. Pada halaman Tampilan Efek, Anda dapat melihat teks tampilan mengubah warna bergantian untuk menarik perhatian orang. Efeknya sangat bagus. Setelah menyalin kode ke situs web Anda, tidak apa -apa untuk memodifikasinya menjadi teks yang diinginkan.
Berikut ini adalah kode sumber:
Salinan kode adalah sebagai berikut:
<Html>
<head>
<meta http-equiv = "konten tipe" content = "text /html; charset = utf-8" />
<title> Menggulir teks mengubah warna JS Efek Khusus </iteme>
</head>
<body>
<div>
Harap perhatikan teks di bawah ini, beberapa teks diwarnai merah, dan gerakan merah dalam satu loop. <a href = "http://keleyi.com/a/bjad/bd55blos.htm" target = "_ blank"> teks asli </a>
</div>
<type skrip = "Teks/JavaScript">
var message = "Selamat datang di keleyi.com, berikut adalah materi pembelajaran seperti front-end web."
var neonbasecolor = "#333333"
var neontextColor = "#ff0000"
var neontextColor2 = "#ff3333"
var flashspeed = 100
var flashingletters = 8
var flashingletters2 = 2
var flashPause = 0
var n = 0
if (document.all || document.geteLementById) {
document.write ('<font color = "'+neonbasecolor+'">')
untuk (m = 0; m <pesan.length; m ++)
document.write ('<span id = "neonlight'+m+'">'+message.charat (m)+'</span>')
document.write ('</font>')
}
kalau tidak
Document.write (pesan)
fungsi crossref (angka) {
var crossobj = document.all? eval ("document.all.neonlight"+angka): document.geteLementById ("neonlight"+angka)
Kembalikan Crossobj
}
fungsi neon () {
if (n == 0) {
untuk (m = 0; m <pesan.length; m ++)
Crossref (M) .Style.Color = NeonBasecolor
}
CrossRef (N) .Style.Color = NeontextColor
if (n> flashashletters-1) crossref (n-flashashetters) .style.color = neontextColor2
if (n> (flashingletters+flashingletters2) -1) crossref (n-flashashletters-flashingletters2) .style.color = neonbaseColor
if (n <message.length-1)
n ++
kalau tidak{
n = 0
ClearInterval (berkedip)
setTimeout ("beginneon ()", flashpause)
Kembali
}
}
fungsi beginneon () {
if (document.all || document.geteLementById)
flashing = setInterval ("neon ()", flashspeed)
}
beginneon ()
</script>
<div> <br /> <a href = "http://keleyi.com" target = "_ blank"> keleyi.com </a> </div>
</body>
</html>