jQuery完成首页定时弹出图片

酷爱WAF哈狗帮

于 2019-10-26 13:44:17 发布

阅读量267

点赞数

分类专栏： JavaWeb前端

本文链接：https://blog.youkuaiyun.com/HuashirenYty/article/details/102755787

版权

JavaWeb前端专栏收录该内容

29 篇文章

订阅专栏

本文介绍了一种使用jQuery实现的网页广告图片定时显示与隐藏的解决方案，通过设定时间间隔来控制图片的淡入和淡出效果，为网站提供动态广告展示功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

timingAd.html

<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
	
	<script type="text/javascript">
		$(function() {
			//书写显示广告图片的定时操作
			time = setInterval("showAd()",3000);
		});
		
		//书写显示广告图片的方法
		function showAd() {
			//获取广告图片，并让其显示
			//$("#img2").show(1000);
			$("#img2").fadeIn(6000);
			//清除显示图片的定时操作
			clearInterval(time);
			//设置隐藏图片的定时操作
			time = setInterval("hiddenAd()",3000);
		}
		
		function hiddenAd() {
			//获取广告图片，并让其隐藏
			//$("#img2").hide(3000);
			$("#img2").fadeOut(6000);
			//清除隐藏图片的定时操作
			clearInterval(time);
		}
	</script>
	
  </head>