js jquery做的图片连续滚动代码

2020-05-23 06:10:41易采站长站整理

核心代码如下,大家可以参考

<script src=”/js/jquery.js”></script> 
<script> 
$(document).ready(function(){ 
       $(“.bannerbutton li”).each( 
                     function(){ 
                            $(this).click( 
                                   function(){ 
                                          bannerGo($(this).attr(“num”)); 
                                   } 
                            ) 
                     } 
              ) 
       $(“.img li:last”).html($(“.img li:first”).html()); 
}); 
var active=1;//当前显示第1个 
var picNum=4;//4个图转换 
var time=500;//移动速度 
var intTime=3000;//自动转换间隔时间 
var width=568; //图片宽 
var perDistance=57;//每次移动距离 
var tagObj=0; 
var marquee; 
var autoMarquee; 
var distance; 
var tmpDistance=0; 
var listLeft=0; 
var tagLeft=0; 
var move=false; 

function bannerGo(tag){ 
       if(active != tag){ 
              if(!move){ 
              listLeft=parseInt($(“.banner ul.img”).css(“left”)); 
              distance=(tag-active)*width; 
              tmpDistance=0;