2012-11-08 来源:网络
【实例名称】
JS实现QQ图片一闪一闪的效果
【实例描述】
QQ是一个比较流行的聊天软件,当好友说话时其头像会一闪一闪。本例使用一个非常简便的方法实现类似的特效。
【实例代码】
<HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=gb2312"> <TITLE>无标题文档-学无忧(www.xue51.com)</title> </HEAD> <BODY> <IMG id="imgId" style="visibility:visible " src="LOGO1.gif"> <SCRIPT language="javascript"> function showImg() { if(imgId.style.visibility == "visible") //如果可见,则隐藏 imgId.style.visibility = "hidden"; else imgId.style.visibility = "visible"; //设置图像可见 setTimeout('showImg()',300); //间隔的毫秒 } showImg(); </SCRIPT> </BODY> </HTML>
【运行效果】
【难点剖析】
本例通过一个定时器每隔300毫秒轮换图片的显示状态,使其一直处于显示和隐藏状态的不断交替中,以此实现一闪一闪的效果。
【源码下载】
为了JS代码的准确性,请点击:JS实现QQ图片一闪一闪的效果 进行本实例源码下载