|
Flash Button Dengan Javascript
Saat anda mengunjungi sebuah situs di internet, terkadang kita tidak meperhatikan bagian atau tulisan yang penting pada halaman web tersebut. Padahal hal tersebut adalah bagian yang paling kita cari. Sebagai web builder yang handal, perlu memberikan penanda yang sekiranya dapat mencuri perhatian pengunjung mengenai persoalan diatas. Salah satu contoh pemecahan masalah itu adalah dengan membuat bling-bling pada text atau bagian penting tersebut. Berikut akan diberi sedikit tutorialnya, untuk membuat form dengan menggunakan flash button ini silahkan anda copy contoh kode HTML di bawah :
|
<html>
<head><title></title>
</head>
<body>
<form>
<input type="submit" value="submit" class="flashit">
<script type="text/javascript" src="flash.js"></script>
</form>
</body></html>
|
Simpan dengan nama flashform.html.
Kemudian copy juga syntax ini sebagai upadate :
var flashcolor="red"
var flashinterval=1000 //flash interval in miliseconds (1000=1 sec)
var formcollect=document.getElementsByTagName? document.getElementsByTagName("FORM") : document.all? document.all.tags("FORM") : new Array()
var flashcollect=new Array()
for (i=0; i<formcollect.length; i++){
for (e=0; e<formcollect[i].elements.length; e++){
if (formcollect[i].elements[e].className=="flashit")
flashcollect[flashcollect.length]=formcollect[i].elements[e]
}
}
function flashelements(){
for (f=0; f<flashcollect.length; f++){
if (flashcollect[f].style.color=='')
flashcollect[f].style.color=flashcolor
else
flashcollect[f].style.color=""
}
}
if (flashcollect.length>0)
setInterval("flashelements()",flashinterval) |
Simpan file dengan nama Flash.js.
Simpan kedua file diatas pada satu direktori yang sama, kemudian jalankan lewat browser anda.
Kembali
|