<script>
var demo;
var imageArray = ['1.jpg','2.jpg','3.jpg','4.jpg','5.jpg'];
var i = 1;
$('div').css('background',"url("+imageArray[0]+")");
$('li').eq(0).css('background','red');
function one(){
setInterval(function () {
$('li').css('background','#fff');
$('li').eq(i).css('background','red');
$('div').css('background',"url("+imageArray[i]+")");
i++;
if(i>=5){
i=0;
}
},3000)
}
one();
$(document).ready(
$('li').mousemove(function () {
i = $(this).index();
$('li').css('background','#fff');
$('li').eq(i).css('background','red');
$('div').css('background',"url("+imageArray[i]+")");
})
);
//轮播
</script>
什么叫选中之后等待6s?鼠标移动到li上就不要继续轮播还是什么?如果是要清除计时器,
var demo;
var imageArray = ['1.jpg', '2.jpg', '3.jpg', '4.jpg', '5.jpg'];
var i = 1;
$('div').css('background', "url(" + imageArray[0] + ")");
$('li').eq(0).css('background', 'red');
var timer////////
function one() {
timer=setInterval(function () {/////////
$('li').css('background', '#fff');
$('li').eq(i).css('background', 'red');
$('div').css('background', "url(" + imageArray[i] + ")");
i++;
if (i >= 5) {
i = 0;
}
}, 3000)
}
one();
$(document).ready(function () {//ready事件也搞错了
$('li').mouseenter(function () {
clearInterval(timer);
i = $(this).index();
$('li').css('background', '#fff');
$('li').eq(i).css('background', 'red');
$('div').css('background', "url(" + imageArray[i] + ")");
}).mouseleave(function () { one() })
});