jQuery动画实现闪烁效果

知识点

fadeto()

代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #box{
            height: 200px;
            width: 200px;
            margin: 200px;
            border-radius: 50%;
            background-color: red;
        }
    </style>
</head>
<body>
<div id="box"></div>
<script type="text/javascript" src="lib/jquery-3.3.1.js"></script>
<script type="text/javascript">
    $(function () {
        var opacity = 1;
        var timer = setInterval(function () {
            if (opacity <= 0){
                opacity = 1;
            }
            opacity-=0.1;
            $('#box').fadeTo(10,opacity);

        },100);
    });
</script>
</body>
</html>

运行结果

在这里插入图片描述

来源：CSDN

作者：KaiSarH

链接：https://blog.csdn.net/KaiSarH/article/details/104580208

标签

jquery动画

html代码

jquery

易学教程内所有资源均来自网络或用户发布的内容，如有违反法律规定的内容欢迎反馈！
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!