Untuk mmperindah website Anda, dan Anda menginginkan hiasan di website Anda dengan tulisan berjalan. Nih, aku kasih caranya gan..
Buka html-nya dulu, dan ketikkan kode ini:
Buka html-nya dulu, dan ketikkan kode ini:
<marquee><div style="-moz-box-shadow: inset 0 1px 5px 0 #fff; background: #990099; border: 1px solid #DC143C; box-shadow: inset 0 1px 5px 0 #555; font-family: Cataneo BT; font-size: 15px; font-weight: bolder; padding: 5px 20px; text-align: center;">
<script type="text/javascript">
var message="Terima Kasih atas Kunjungan Anda..."
var bgsGR1color="#20B2AA" /* Warna utama teks */
var bgsGR2color="#E0FFFF" /* Warna teks flash pertama */
var bgsGR3color="#E0FFFF" /* Warna teks flash ke dua */
var flashspeed=100 // kec. ganti warna (1/1000 dt)
var flashingletters=15 // jumlah teks pertama (tips / hiting jumlah text, kemudian bagi 2)
var flashingletters2=18 // jumlah berwarna teks ke dua (tips / hiting jumlah text, kemudian bagi 2)
var flashpause=1 // waktu jeda pergantian warna (1/1000 dtk)
var n=0
if (document.all||document.getElementById){document.write('<font color="'+bgsGR1color+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')}else
document.write(message)
function crossref(number){var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj}function neon(){if (n==0){for (m=0;m<message.length;m++)
crossref(m).style.color=bgsGR1color}
crossref(n).style.color=bgsGR2color
if (n>flashingletters-1) crossref(n-flashingletters).style.color=bgsGR3color
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=bgsGR1color
if (n<message.length-1)
n++
else{n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return}}
function beginneon(){if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)}
beginneon()
</script>
</div></marquee>
Dan hasilnya seperti ini:
<script type="text/javascript">
var message="Terima Kasih atas Kunjungan Anda..."
var bgsGR1color="#20B2AA" /* Warna utama teks */
var bgsGR2color="#E0FFFF" /* Warna teks flash pertama */
var bgsGR3color="#E0FFFF" /* Warna teks flash ke dua */
var flashspeed=100 // kec. ganti warna (1/1000 dt)
var flashingletters=15 // jumlah teks pertama (tips / hiting jumlah text, kemudian bagi 2)
var flashingletters2=18 // jumlah berwarna teks ke dua (tips / hiting jumlah text, kemudian bagi 2)
var flashpause=1 // waktu jeda pergantian warna (1/1000 dtk)
var n=0
if (document.all||document.getElementById){document.write('<font color="'+bgsGR1color+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')}else
document.write(message)
function crossref(number){var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj}function neon(){if (n==0){for (m=0;m<message.length;m++)
crossref(m).style.color=bgsGR1color}
crossref(n).style.color=bgsGR2color
if (n>flashingletters-1) crossref(n-flashingletters).style.color=bgsGR3color
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=bgsGR1color
if (n<message.length-1)
n++
else{n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return}}
function beginneon(){if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)}
beginneon()
</script>
</div></marquee>
Dan hasilnya seperti ini:
Terima kasih.
Semoga bermanfaat :)
Posting Komentar