jQuery实现三屏前后图片预览焦点图

<script type="text/javascript">

/* 把最后一个放到第一个前面，然后通过外层ul{margin-left:-630px !important; }来显示第一个 */

jQuery(".slider .bd li").first().before( jQuery(".slider .bd li").last() );

/* 控制左右按钮显示 */

jQuery(".slider .pnBtn").hover(function(){ jQuery(this).find(".arrow").show() },function(){ jQuery(this).find(".arrow").hide() });

/* 调用SuperSlide */

jQuery(".slider").slide({ mainCell:".bd ul", effect:"leftLoop",  autoPlay:true, vis:3, mouseOverStop:false });

</script>