Online
 
Friday, 21 November 2008
 
 

Cara membuat Blink Text dengan menggunakan JavaScript | Print |  E-Mail
 
Java Script Blink Text merupakan sebuah Styling Webs menggunakan java script dengan hasil efek Blink (Kerdip).

Anda bisa memodifikasi model tulisan beserta warna blinksnya di sini:
   document.write('<blink><font face="Arial" size=12 color="#FF0000">Your Text</font></blink>');
Setelah selesai mengedit Source di bawah ini, anda bisa meletakknya ke dalam website anda untuk melihat hasilnya.

Code:

<!-- Start: Code Blinks Text -->
<SCRIPT language="JavaScript" type="text/javascript">
window.onerror = null;
var IE4=document.all&&navigator.userAgent.indexOf("Opera")==-1;
var NS4=document.layers;
var NS6=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1;
var blink_speed=300; // Jarak Dellay Millisecond
var i=0;
var left_pos=330; // Jarak text dari tepi kiri
 
if (IE4)
{
   layerRef="document.all";
   styleSwitch=".style";
}

function Blink(layerName)
{
   if (IE4)
   {
      if(i%2==0)
      {
         eval(layerRef+'["'+layerName+'"]'+
         styleSwitch+'.visibility="visible"');
      }
      else
      {
         eval(layerRef+'["'+layerName+'"]'+
         styleSwitch+'.visibility="hidden"');
      }
   }
 
   if(NS6 && (navigator.appName!="Microsoft Internet Explorer"))
   {
     if(i%2==0)
     {
        eval('document.getElementById("' + layerName + '").style.display=""');
     }
     else
     {
        eval('document.getElementById("' + layerName + '").style.display="none"');
     }
   }
   if(i<1)
   {
     i++;
   }
   else
   {
     i--;
   }
   setTimeout("Blink('"+layerName+"')", blink_speed);
}

if(IE4||NS6)
{
   if(IE4)
   {
     dispIENS="visibility:hidden;";
   }
   else
   {
     dispIENS="display:none;";
   }
   document.write('<div id="wb_blink" style="' + dispIENS + '"><font style="font-size:12px;font-family:Arial;" color="#FF0000">Your Text</font></div>');
   Blink('wb_blink');
}

if(NS4)
{
   document.write('<blink><font face="Arial" size=12 color="#FF0000">Your Text</font></blink>');
}
</SCRIPT>

<!-- End: Code Blinks Text -->
Contoh code di atas adalah:

 

window.onerror = null; var IE4=document.all&&navigator.userAgent.indexOf("Opera")==-1; var NS4=document.layers; var NS6=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1; var blink_speed=300; // Jarak Dellay Millisecond var i=0; var left_pos=330; // Jarak text dari tepi kiriif (IE4) { layerRef="document.all"; styleSwitch=".style"; } function Blink(layerName) { if (IE4) { if(i%2==0) { eval(layerRef+'["'+layerName+'"]'+ styleSwitch+'.visibility="visible"'); } else { eval(layerRef+'["'+layerName+'"]'+ styleSwitch+'.visibility="hidden"'); } }if(NS6 && (navigator.appName!="Microsoft Internet Explorer")) { if(i%2==0) { eval('document.getElementById("' + layerName + '").style.display=""'); } else { eval('document.getElementById("' + layerName + '").style.display="none"'); } } if(i<1) { i++; } else { i--; } setTimeout("Blink('"+layerName+"')", blink_speed); } if(IE4||NS6) { if(IE4) { dispIENS="visibility:hidden;"; } else { dispIENS="display:none;"; } document.write(''); Blink('wb_blink'); } if(NS4) { document.write('Your Text'); }
Dari contoh kode di atas, penulis berharap pembaca dapat mempelajari dan mengerti fungsi dan manfaat dari kode tersebut.

 

Links ke artikel ini: 

<a href="http://www.g-excess.com/content/view/459/"> JavaScript Blink Text - Blink Text dengan menggunakan JavaScript</a>
This entry was posted on . You can follow any responses to this entry through the RSS 2.0 feed. You can leave a comment. Tags: Bali Airfare, Indonesia, Kesehatan, Pariwisata, Bali Best Of, Kesehatan, Jurnal, Indonesia, Keluarga, Pendidikan, Tumor Kanker, Indonesia, Kanker Rahim, Cara, Yang.
Users' Comments (0)

Comment an article
  Name
  E-mail
   Title
Available characters: 4000
 Notify me of follow-up comments
This image contains a scrambled text, it is using a combination of colors, font size, background, angle in order to disallow computer to automate reading. You will have to reproduce it to post on my homepage
Enter what you see:

No comment posted

Rokok Kretek Jumbo Coklat

“Terbuat dari tembakau, saos dan cengkeh pilihan kwalitas tinggi sehingga menghasilkan rokok dengan rasa yang cocok untuk segala cuaca”
Jumbo Coklat - Powered By G-Ads

 
Top! Top!