修星教育
您的当前位置:首页JS实现点击文字对应DIV层不停闪动效果的方法_javascript技巧

JS实现点击文字对应DIV层不停闪动效果的方法_javascript技巧

来源:修星教育


本文实例讲述了JS实现点击文字对应DIV层不停闪动效果的方法。分享给大家供大家参考。具体分析如下:

在很多娱乐网站我们经常看到这种效果,点击网页中某个方块中的文字,然后整个方块就不停的闪动起来,很不错的一个动态效果,容易引起顾客的注意,这个代码就是实现了这个效果,点击某个方块后,方块就会闪动

代码如下:



js实现点击文字对应DIV层闪动


window.onload = function ()
{
var oBox = document.getElementById("box");
var timer = null;
oBox.onclick = function ()
{
var i = 0;
clearInterval(timer);
timer = setInterval(function () {
oBox.style.display = i++ % 2 ? "none" : "block";
i > 6 && (clearInterval(timer))
}, 80)
}
};



脚本之家提示:你敢点我,我就敢闪

希望本文所述对大家的javascript程序设计有所帮助。

显示全文