【文件属性】：
文件名称：当当网 html素材 页面 轮播效果
文件大小：7.1MB
文件格式：RAR
更新时间：2021-06-24 06:31:45
当当网 html 轮播
function changeImg(){
var index=0;
var stop=false;
var $li=$("#content").find("#scroll_img").children("li");//获得要轮播的图片的li元素
var $page = $("#content").find("#scroll_number").children("li");//获得要轮播的索引的li元素
$page.eq(index).addClass("scroll_number_over").stop(true,true).siblings().removeClass("scroll_number_over");//图片与索引匹配时实现图片的轮播
$page.mouseover(function(){//鼠标移入
stop=true;//停止轮播
index=$page.index($(this));
$li.eq(index).stop(true,true).fadeIn().siblings().fadeOut();
$(this).addClass("scroll_number_over").stop(true,true).siblings().removeClass("scroll_number_over");
}).mouseout(function(){
stop=false;
});
setInterval(function(){
if(stop) return;
index++;
if(index>=$li.length){
index=0;
}
$li.eq(index).stop(true,true).fadeIn().siblings().fadeOut();
$page.eq(index).addClass("scroll_number_over").stop(true,true).siblings().removeClass("scroll_number_over");
},3000);
}
function movedome(){
var marginTop=0;
var stop=false;
var interval=setInterval(function(){
if(stop) return;
$("#express").children("li").first().animate({"margin-top":marginTop--},0,function(){
var $first=$(this);
if(!$first.is(":animated")){
if((-marginTop)>$first.height()){
$first.css({"margin-top":0}).appendTo($("#express"));
marginTop=0;
}
}
});
},50);
$("#express").mouseover(function(){
stop=true;
}).mouseout(function(){
stop=false;
});
}