jQ学习之实现图片的定时弹出

Posted 2022-04-10 zhang188660586

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jQ学习之实现图片的定时弹出相关的知识，希望对你有一定的参考价值。

主要是学习语法

1 <img id="gg" src="img/ad.jpg" width="100%" style="display: none;">

jQ代码：

 1 var temp;
 2         //定义页面加载事件
 3         $(function()
 4             temp=setInterval("showAd()",3000);
 5         
 6         );
 7         //主要练习jQ的语法操作
 8         function showAd()
 9             $("#gg").show();
10             clearInterval(temp);
11             temp=setInterval("hiddenAd()",3000);
12         
13         function hiddenAd()
14             $("#gg").hide();
15             clearInterval(temp);
16

以上是关于jQ学习之实现图片的定时弹出的主要内容，如果未能解决你的问题，请参考以下文章

JQ——图片弹出效果（定时弹出图片）toggle