图片闪烁实现

最新推荐文章于 2022-12-24 00:35:38 发布

tuesdayzhao

最新推荐文章于 2022-12-24 00:35:38 发布

阅读量649

点赞数

文章标签： function jquery border div html

本文链接：https://blog.csdn.net/tuesdayzhao/article/details/6826050

版权

目的：让小图标闪烁，起警示作用

实现方式： js

实现方法：

// obj 是你要闪烁区域的 html标签（div，img........）

            function blink(obj) {
                obj.css("visibility",(obj.css("visibility") == "hidden") ? "visible" : "hidden" )
                    setTimeout("blink(obj)", 500);
                   }

//执行的时候直接调用 setTimeout("blink(obj)", 500) 就可以

例子：

<html>

<head>

            function blink(obj) {
                obj.css("visibility",(obj.css("visibility") == "hidden") ? "visible" : "hidden" )
                    setTimeout("blink(obj)", 500);
                   }

function flashEx(){

obj=$("#example"); // jquery 的去标签方式

setTimeout("blink(obj)", 500);

}

</script>

</head>

</body>

</html>