jq show（） hide（）渐出渐隐

最新推荐文章于 2022-11-11 23:00:55 发布

nicccccc

最新推荐文章于 2022-11-11 23:00:55 发布

阅读量3k

点赞数

分类专栏： jq 文章标签： jq

本文链接：https://blog.csdn.net/nicccccc/article/details/21449091

版权

jq 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>

    <script type="text/javascript">
        setInterval("xianshi()", 10);
        var sResult = 1;
        function xianshi() {
            $(document).ready(function () {
                
                if (sResult == 1) {
                    $("*").show(5000);
                    sResult = 0;
                }
                else {
                    $("*").hide(5000);
                    sResult = 1;
                }

            });
        }

    </script>


</head>

<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

<h3>图书种类</h3>
<ul type="circle">
	<li>计算机类</li>
	<li>教材类</li>
	<li>杂志类</li>
	<li>文学类</li>
</ul>

<button type="button">Click me</button>
</body>
</html>