| Cara membuat Blink Text dengan menggunakan JavaScript |
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('
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>| Users' Comments (0) |
|
No comment posted







