乐蜂网宽屏左右滚动效果

第一张图片：

刚开始刷新时，图片显示的效果是这样，过了200秒之后，图片向左无间断的移动一个模特图片；当你鼠标移动上去的时候，会显示出另外一张模特说明的照片跟产品的名称跟价格，

如图：

在模特身上有两个一直在闪动的点，当鼠标移动上去就会出现了白色框框说明的效果

这个效果是一个非常不错的效果

Javascript代码如下：

$(function(){
//乐峰宽屏滚动效果
function scroll(){
    var _this=$("ul.hxScrollcnt li");
var _ul=$("ul.hxScrollcnt");
var first=_this.first();
var last=_this.last();
ul.animate({left:_this.eq(0).width()},300,function(){
       first.insertAfter(last);
    ul.css({left:0});
});
}
var timeer=setInterval(scroll,2000);
$("ul.hxScrollcnt li").hover(function(){
   clearInterval(timeer);
   $(this).find("img.start").hide().end().find("div.changepic").show();
},function(){
     timeer=setInterval(scroll,2000);
$(this).find("img.start").show().end().find("div.changepic").hide();
});
$(".btn").hover(function(){
      $(this).next(".hoverbox").show();
},function(){
      $(this).next(".hoverbox").hide();
});
$(".hoverbox").hover(function(){
       $(this).show();
},function(){
       $(this).hide();
});

});

其中代码分享下载网址：http://yunpan.cn/QXSuiiuFRBNvD