一聚教程网：一个值得你收藏的教程网站

ps教程| flash教程| 路由器设置| Jsp教程| 加入收藏

首页游戏下载软件下载专题资讯教程 php教程 asp.net教程 css教程网页制作网页特效手机开发办公数码

+ -

当前位置：一聚教程网 > 网页特效 > js广告代码

推荐专题

最新下载

1

校长我来当
98.61M 类型： 模拟经营
2

荒原生活
405.0MB 类型： 休闲益智
3

地球计划小队2026
98.38M 类型： 射击枪战
4

特技汽车平衡器3
103.51M 类型： 赛车竞速
5

西部战记
47.80M 类型： 角色扮演
6

双向世界解谜
106.69M 类型： 休闲益智
7

求生文字
80.41M 类型： 动作冒险
8

植物守卫僵尸2026
70.4MB 类型： 策略塔防
9

花花姑娘之魔法花园(模拟换装养成
113.2MB 类型： 模拟经营
10

口袋梦想城
121.61M 类型： 模拟经营

热门教程

1

诛仙2鬼王怎么加点鬼王加点推荐
时间：2025-08-20 类型： 游戏攻略
2

诛仙2见影灵泉奇遇任务怎么做见影灵泉奇遇任务流程攻略
时间：2025-08-20 类型： 游戏攻略
3

三国天下归心诸葛亮怎么样诸葛亮技能介绍一览
时间：2025-08-20 类型： 游戏攻略
4

三国天下归心追击队怎么玩追击队玩法教学
时间：2025-08-20 类型： 游戏攻略
5

三国天下归心武将怎么获得武将获取方法
时间：2025-08-20 类型： 游戏攻略
6

星痕共鸣剧毒蜂巢怎么获取剧毒蜂巢获取攻略
时间：2025-08-20 类型： 游戏攻略
7

新三国志曹操传李儒之影怎么打李儒之影打法教学
时间：2025-08-20 类型： 游戏攻略
8

辉烬队伍怎么搭配配队攻略指南
时间：2025-08-20 类型： 游戏攻略
9

创造吧我们的星球种田玩法怎么玩种田玩法介绍一览
时间：2025-08-20 类型： 游戏攻略
10

华夏千秋怎么表白表白方法一览
时间：2025-08-20 类型： 游戏攻略

基于jquery幻灯片淡入淡出特效代码

时间：2022-06-25 21:58:16 编辑：袖梨来源：一聚教程网

提示：您可以先修改部分代码再运行

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>

<style>
#bannerimg {
	list-style-type:none;
	padding:0;
	margin:0;
	
	
	margin:0 auto;
}
#bannerimg li img{
	padding:0;
	margin:0;
	
	
	position:absolute;
}
#image_num {
	z-index:4;
	list-style-type:none;
	position:absolute;
	margin-top:-38px;
	margin-left:600px;
}
#image_num li {
	float:left;
	padding:2px 6px;
	border:1px solid #d8c9ce;
	background:#fff;
	margin:0 2px;
}
#image_num li a {
	text-decoration:none;
	color:#9c9c9c;
	font-weight:bold;
	font-size:14px;
}
</style>

<ul id="bannerimg">
  <li>
  <li>
  <li>
</ul>
<ul id="image_num">
  <li>
  <li>
  <li>
</ul>

<script type="text/javascript" src="http://code.jq***uery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
   var i = 0;
   var time = 3000;
   var len = $("#bannerimg li").length;
   $("#image_num li").eq(0).<a href="https://www.111cn.net/cssdiv/css.html" target="_blank">css("background","#f00");
   
   function showimg(){
	   $("#img_"+i).animate({opacity:0},600);
	   i++;
	   if(i==len) i=0;
       $("#img_"+i).animate({opacity:1},600); 
	   $("#image_num li").eq(i).css("background","#f00").siblings().css("background","#fff");
	   }
   timer=setInterval(showimg,time); 
   
    $(function(){  
	 $('#image_num li').mouseover(function(){
		   clearInterval(timer);
		   $(this).css("background","#f00").siblings().css("background","#fff");
		   $("#bannerimg li img").eq($(this).index()).animate({opacity:1},600);	
		});
		
		$('#image_num li').mouseout(function(){
				 $("#bannerimg li img").eq($(this).index()).animate({opacity:0},600);
				 timer=setInterval(showimg,time); 
	    });
	   })
   
</script>

提示：您可以先修改部分代码再运行

相关文章

热门栏目