jquery宽屏图片淡出淡进轮播切换特效代码下载


jquery宽屏图片淡出淡进轮播切换特效代码下载
jquery宽屏图片淡出淡进轮播切换特效代码下载以及宽屏图片、淡出淡进、轮播切换等js/jquery网页特效代码下载。

1. 引入CSS

<link href="css/style.css" type="text/css" rel="stylesheet">

2. 引入JS

<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="js/jquery.tools.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/iepng.js"></script>

3. HTML代码

<div class="banner">
	<div class="wrap">
		<div class="pan">
			<a href="https://www.51qianduan.com/">51前端</a>
			<a href="https://www.51qianduan.com/">51前端</a>
			<a href="https://www.51qianduan.com/">51前端</a>
		</div>
		<a class="arr_l rf png" href="#"></a>
		<a class="arr_r rf png" href="#"></a>
		<ul class="tab lifl">
			<li class="current"><img src="images/1354763246-8284.jpg" width="96" height="61" alt="17素材"></li>
			<li class=""><img src="images/1344223085-8741.jpg" width="96" height="61" alt="17素材"></li>
			<li class=""><img src="images/1346731873-7652.jpg" width="96" height="61" alt="17素材"></li>
		</ul>
	</div>
</div>
<script type="text/javascript">
$(function(){
	$("ul.tab").tabs(".banner .pan > a", {
		effect:'fade',
		rotate: true,
		tabs:"li"
	}).slideshow({
		next:".arr_r",
		prev:".arr_l",
		autoplay:true,
		autopause:true,
		interval:6000
	});
})
</script>
<!--[if lte IE 6]
<![endif]-->

相关推荐

发表评论

相关文章