jquery字体闪烁

最新推荐文章于 2024-09-21 11:28:04 发布

墨瀚宇

最新推荐文章于 2024-09-21 11:28:04 发布

阅读量1.2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端jquery 文章标签： jquery 字体闪烁前端

本文链接：https://blog.youkuaiyun.com/qq_34510295/article/details/79492118

前端jquery 专栏收录该内容

3 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>字体闪烁</title>
    <style>
        div{
            background-color: black;
            width: 200px;
            height: 100px;
            font-size:50px;
        }
        .star{
            color: red;
        }
    </style>
</head>
<body>
<div>
    <p class="star">二楼网吧</p>
</div>

<script src="js/jquery-3.3.1.js"></script>
<script>
    $(function () {
        var shine = $(".star");
        function starshine() {
            if(shine.hasClass("star"))
            {
                shine.removeClass("star")
            }
            else{
                shine.addClass('star')
            }
        };
        setInterval(starshine,300)
        
    })
</script>

</body>
</html>