JS實(shí)現(xiàn)QQ圖片一閃一閃的效果

2012/11/8 10:14:52作者：佚名來(lái)源：網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例名稱】

【實(shí)例描述】

QQ是一個(gè)比較流行的聊天軟件，當(dāng)好友說(shuō)話時(shí)其頭像會(huì)一閃一閃。本例使用一個(gè)非常簡(jiǎn)便的方法實(shí)現(xiàn)類似的特效。

【實(shí)例代碼】

<HTML> 
<HEAD> 
<META http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<TITLE>無(wú)標(biāo)題文檔-學(xué)無(wú)憂（yzddtk.cn）</title> 
</HEAD> 
<BODY> 
<IMG id="imgId" style="visibility:visible " src="LOGO1.gif"> 
<SCRIPT language="javascript"> 
function showImg() 
{ 
    if(imgId.style.visibility == "visible")    
//如果可見(jiàn)，則隱藏
        imgId.style.visibility = "hidden"; 
    else 
        imgId.style.visibility = "visible";    
//設(shè)置圖像可見(jiàn)
    setTimeout('showImg()',300);               
//間隔的毫秒
} 
showImg(); 
</SCRIPT> 
</BODY> 
</HTML>

【運(yùn)行效果】

QQ圖片一閃一閃的效果運(yùn)行效果