js 广告轮换代码

1.  var curIndex=-1;  
2.     var nextIndex=0;  
3.     var timerId =0;  
4.     var pImageWidth=0;  
5.     var curImageLeft=0;  
6.     var  loopTimerId=0;  
7.   
8.   function initImage(){  
9.         var arrowWidth=32;  
10.         var arrowHeight=56;  
11.         var navWidth=20;  
12.         var pw=$("#picContainter").width();  
13.         var ph=$("#picContainter").height();  
14.         var X = $("#picContainter").offset().left;   
15.         var Y = $("#picContainter").offset().top;   
16.         var picList=$('#listPicContent>img');  
17.         var offsetX=X ;  
18.         var offsetY=Y+(ph-arrowHeight)/2;  
19.         $("#pic_0").attr("src",picList[0].src);   
20.         $("#pic_1").attr("src", picList[1].src);  
21.         $("#picArrowLeft").css("left",offsetX+"px");  
22.         $("#picArrowLeft").css("top",offsetY+"px");  
23.   
24.          offsetX=X+pw-arrowWidth-2 ;            
25.         $("#picArrowRight").css("left",offsetX+"px");  
26.         $("#picArrowRight").css("top",offsetY+"px");  
27.   
28.         $("#picNavDivt").css("left",offsetX+"px");  
29.         offsetY=Y+ph-navWidth;  
30.         $("#picNavDiv").css("top",offsetY+"px");  
31.            
32.          var size=picList.length;  
33.          var navHtml="";  
34.          var curClass=" ";  
35.          for(var i=size;i>=1;i--){  
36.              if(i==1){  
37.                  curClass=" class='over' ";  
38.              }   
39.              navHtml+="<li  "+ curClass +"  id='navPgage"+i+"'>"+(i)+"</li>";  
40.          }  
41.            
42.          $("#picNavDiv").html(navHtml);   
43.            
44.          $('#picNavDiv>li').click(function(){  
45.             $("#picNavDiv>li" ).removeClass("over");  
46.             var index=parseInt(this.innerHTML);  
47.             $("#navPgage"+index).addClass("over");  
48.             curIndex=index-1;  
49.             clearTimeout(loopTimerId);  
50.             startScroll();  
51.             loopTimerId=setTimeout("startMovePicLoop()",5000);  
52.             });  
53.         $("#picArrowLeft").hide();  
54.         $("#picArrowRight").hide();  
55.   
56.         $('#picContent>img').mouseenter(function(){          
57.                $("#picArrowLeft").show();  
58.                $("#picArrowRight").show();  
59.             });  
60.        
61.          $('#picContent>img').mouseout(function(){  
62.                
63.                 $("#picArrowLeft").hide();  
64.                 $("#picArrowRight").hide();  
65.           });  
66.   
67.     }  
68.   
69.       
70.   
71.       
72. function startScroll(){  
73.          pImageWidth=$("#picContent").width()/2;  
74.          var picList=$('#listPicContent>img');  
75.          var size=picList.length;  
76.           
77.          if(curIndex>size-1){  
78.             curIndex=0;  
79.           }  
80.             nextIndex=curIndex+1;  
81.           if(nextIndex>size-1){  
82.             nextIndex=0;  
83.           }  
84.           
85.         if(timerId!=0){  
86.             clearTimeout(timerId);  
87.         }    
88.         curImageLeft=0;  
89.           
90.         $("#pic_0").attr("src",$("#pic_1").attr("src"));          
91.         $("#pic_1").attr("src", picList[nextIndex].src);  
92.         $("#pic_0").css("left","0px");  
93.         $("#pic_1").css("left","0px");  
94.         doScroll(0);  
95.   
96.         $("#picNavDiv>li" ).removeClass("over");           
97.         $("#navPgage"+(curIndex+1)).addClass("over");  
98.         }  
99.           
100. function doScroll(dire){  
101.             if(dire==0){  
102.                 curImageLeft-=20;  
103.                 var iLeft=-curImageLeft;  
104.                 if( iLeft>= pImageWidth){  
105.                     $("#pic_0").css("left",-pImageWidth+"px");  
106.                     $("#pic_1").css("left",-pImageWidth+"px");  
107.                     if(timerId!=0){  
108.                         clearTimeout(timerId);  
109.                     }  
110.                     timerId=0;  
111.                  }else{  
112.                     $("#pic_0").css("left",curImageLeft+"px");  
113.                     $("#pic_1").css("left",curImageLeft+"px");  
114.                  }  
115.             }else{  
116.   
117.          }  
118.          timerId=setTimeout('doScroll('+dire+')',25);  
119.         }  
120.   
121.   
122. function startMovePicLoop(){  
123.         curIndex++;  
124.         startScroll();  
125.         loopTimerId=setTimeout("startMovePicLoop()",5000);  
126.     }  
127.   
128.   
129.   
130.      initImage();  
131.   startMovePicLoop();  

• aa.rar (517.3 KB)