html——jQuery练习题3

最新推荐文章于 2021-06-28 10:05:50 发布

dongxie_tk

最新推荐文章于 2021-06-28 10:05:50 发布

阅读量593

点赞数

分类专栏： Windows HTML 文章标签： html jquery

本文链接：https://blog.csdn.net/dongxie_tk/article/details/78038487

版权

Windows 同时被 2 个专栏收录

13 篇文章 0 订阅

订阅专栏

HTML

8 篇文章 0 订阅

订阅专栏

<html>
<head>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
        <title>每间隔2秒修改一个层的显示状态</title>
                <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
                <script type="text/javascript">
                        $(function(){
                                 setInterval(function(){
                                         $("#j1").toggleClass("show");
                                 },2000);
                        });
                </script>
                <style>
                        div{width:200px;height:50px;background: #dfdfef; line-height: 50px; text-align: center;margin: 8px;display: none;}
                        .show{display:block; opacity: 0.8;}
                </style>
        </head>
        <body>
                                <div id="j1">每隔两秒修改层的显示状态</div>
        </body>
</html>