Beranda » HTML » Javascript » Membuat Button Teks Bergerak Dengan HTML dan Javascript

Membuat Button Teks Bergerak Dengan HTML dan Javascript

Sebenarnya bingung mau bikin judul apa? Tapi karena sudah terlanjur nyobain scriptnya dan sukses jadi ane paksain aja buat posting. Button teks bergerak ini sebenarnya fungsinya sama saja dengan button biasa yang sudah pernah ane share sebelumnya. Cuman ngeliat buttton ini kok kayaknya bagus, sapa tau para sobat bisa buat yang lebih bagus lagi...

Buat para sobat yang mau nyobain langsung aja copi n paste scriptnya:

<HTML>  
 <HEAD>  
 <script language="JavaScript">  
 var max=0;  
 function textlist()  
 {  
     max=textlist.arguments.length;  
     for (i=0; i<max; i++)  
         this[i]=textlist.arguments[i];  
 }  
 tl=new textlist  
 (  
 // Change these with your own text, you can add as many as you want  
     "Click Here",  
     "Click Here",  
     "Click Here"  
 );  
 var x=0; pos=0;  
 var l=tl[0].length;  
 function typebutt()   
 {      
     document.form1.typebutt.value=tl[x].substring(0,pos)+"";  
     if(pos++==l)  
     {  
         pos=0;  
         setTimeout("typebutt()",1500);  
         x++;  
         if(x==max)  
             x=0;  
         l=tl[x].length;  
     } else  
         setTimeout("typebutt()",50);  
 }  
 // end -->  
 </script>  
 <TITLE>Button Teks Berjalan</TITLE>  
 </HEAD>  
 <BODY BGCOLOR="#FFFFFF" LINK="#000000" VLINK="#FF8040" onLoad="typebutt()">  
 Tombol ini jika di klik akan menuju<BR>  
 ke www.qodia.blogspot.com.<BR>  
 <form name="form1" action="www.qodia.blogspot.com/">  
 <input type="submit" name="typebutt" VALUE="Submit">  
 <BR>  
 </form>  
 By: Qodia Z<BR>  
 E-mail: Qodia.z@gmail.com<BR>  
 URL: www.qodia.blogspot.com  
 </BODY>  
 </HTML>

Bagaimana..? Gampang bukan... Tetap semangat dan terus Berkreasi

Belum ada tanggapan untuk "Membuat Button Teks Bergerak Dengan HTML dan Javascript"

Post a Comment