当当网 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; }); }