简单前端知识——jQuery的学习和定时器——03

最新推荐文章于 2021-03-07 20:02:24 发布

凡人1995

最新推荐文章于 2021-03-07 20:02:24 发布

阅读量89

点赞数

分类专栏：简单前端知识

本文链接：https://blog.csdn.net/weixin_39337047/article/details/88864529

版权

简单前端知识专栏收录该内容

26 篇文章 0 订阅

订阅专栏

jQuery的函数和事件的学习可以通过jQuery手册速查表来进行

jquery的图片隐藏和现实

<script>
    $(function(){
        $("#btn2").click(function(){
            $("#img1").hide();
        });
        ------------------------------------
         $("#btn1").click(function(){
            $("#img1").show();
        });
    });
</script>
</head>
<body>
    <input type="button" value="显示" id="btn1" />
    <input type="button" value="隐藏" id="btn2" />
    <img src="../../img/picture.png" id="img1">
</body>

定时器的使用

<script>
    function showAd(){
        $("#img1").slideDown();
        setTimeout("hideAd()",3000);
    }
    function hideAd(){
        $("#img1").slideup();
    }
    
    
    $(function(){
        setTimeout("showAd()",3000)
    });
</script>
</head>
<body>
    
    <img src="../../img/picture.png" id="img1" id="img1" style="display:none" />
</body>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

凡人1995

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
简单前端知识——jQuery的学习和定时器——03

jQuery的函数和事件的学习可以通过jQuery手册速查表来进行jquery的图片隐藏和现实<script> $(function(){ $("#btn2").click(function(){ $("#img1").hide(); }); ---------------------------...
复制链接

扫一扫