当当网html素材页面轮播效果

当当网html素材页面轮播效果
functionchangeImg(){varindex=0;varstop=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);}functionmovedome(){varmarginTop=0;varstop=false;varinterval=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;});}