html——jQuery练习题3

最新推荐文章于 2022-08-06 08:26:43 发布

原创最新推荐文章于 2022-08-06 08:26:43 发布 · 648 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#html #jquery

Windows 同时被 2 个专栏收录

13 篇文章

订阅专栏

HTML

8 篇文章

订阅专栏

这篇博客展示了如何使用jQuery实现每两秒切换一个div层的显示状态。通过`toggleClass`方法，元素在可见和不可见之间交替变化，同时应用了一个样式类来控制透明度。

<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>