JS实现点击文字对应DIV层不停闪动效果的方法
本文实例讲述了JS实现点击文字对应DIV层不停闪动效果的方法。分享给大家供大家参考。具体分析如下：
在很多娱乐网站我们经常看到这种效果，点击网页中某个方块中的文字，然后整个方块就不停的闪动起来，很不错的一个动态效果，容易引起顾客的注意，这个代码就是实现了这个效果，点击某个方块后，方块就会闪动
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>js实现点击文字对应DIV层闪动</title>
<styletype="text/css">
#box{position:absolute;top:50%;left:50%;color:#fff;width:200px;height:200px;background:red;cursor:pointer;letter-spacing:5px;text-align:center;font:12px/200pxArial;margin:-100px00-100px;}
</style>
<scripttype="text/javascript">
window.onload=function()
{
varoBox=document.getElementById("box");
vartimer=null;
oBox.onclick=function()
{
vari=0;
clearInterval(timer);
timer=setInterval(function(){
oBox.style.display=i++%2?"none":"block";
i>6&&(clearInterval(timer))
},80)
}
};
</script>
</head>
<body>
<divid="box">毛票票提示：你敢点我，我就敢闪</div>
</body>
</html>
希望本文所述对大家的javascript程序设计有所帮助。