您的位置:首页 > 其它

jq 轮换板的简单实现,没有左右滑动效果!

2014-11-14 15:12 399 查看
<style>
	*{margin:0px;padding:0px;}
	.none{display:none;}
</style>
<span class="tu">
	<a><img src="./01.jpg" alt=""></a>
	<a class="none"><img src="./02.jpg" alt=""></a>
	<a class="none"><img src="./03.jpg" alt=""></a>
	<a class="none"><img src="./04.jpg" alt=""></a>
	<a class="none"><img src="./05.jpg" alt=""></a>
	<a class="none"><img src="./06.jpg" alt=""></a>
	<a class="none"><img src="./07.jpg" alt=""></a>
</span>
<script>
var length = $('.tu').children().length-1;	//length从1开始。而eq从0开始。都定义为0开始。
var img = 0;	
setInterval(function(){
	id = img++;	
	$('.tu').children().eq(id).show().siblings().hide();
	if(id == length){
		 img = 0;
	}
},1500);
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: