Cara membuat Blink Text dengan menggunakan JavaScript

Cara membuat Blink Text dengan menggunakan JavaScript
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>

Advertisement

Cara membuat Blink Text dengan menggunakan JavaScript | Sri Widayati | 4.5

Leave a Reply