html京东自动轮播代码

HTML京东自动轮播代码

	京东自动轮播	.container{
    	width: 600px;
    	height: 400px;
    	margin: 0 auto;
    	position: relative;
    	overflow: hidden;
    	background-color: #f2f2f2;
}
.img-list{
    	width: 3000px;
    	height: 400px;
    	position: absolute;
    	top: 0;
    	left: 0;
}
.img-list li{
    	float: left;
    	width: 600px;
    	height: 400px;
}
.img-list li img{
    	display: block;
    	width: 100%;
    	height: 100%;
}
			$(function(){
    	var timer = null;
    	var count = 0;
    	timer = setInterval(play, 3000);
	function play(){
    count++;
if(count == 5){
    	count = 0;
}
$('.img-list').animate({
left: -count*600}
    , 500);
	}
	$('.container').hover(function(){
    clearInterval(timer);
	}
, function(){
    timer = setInterval(play, 3000);
	}
    );
}
    );
    		

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！