js 广告轮换代码

1. varcurIndex=-1;
2. varnextIndex=0;
3. vartimerId=0;
4. varpImageWidth=0;
5. varcurImageLeft=0;
6. varloopTimerId=0;
8. functioninitImage(){
9. vararrowWidth=32;
10. vararrowHeight=56;
11. varnavWidth=20;
12. varpw=$("#picContainter").width();
13. varph=$("#picContainter").height();
14. varX=$("#picContainter").offset().left;
15. varY=$("#picContainter").offset().top;
16. varpicList=$('#listPicContent>img');
17. varoffsetX=X;
18. varoffsetY=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");
24. offsetX=X+pw-arrowWidth-2;
25. $("#picArrowRight").css("left",offsetX+"px");
26. $("#picArrowRight").css("top",offsetY+"px");
28. $("#picNavDivt").css("left",offsetX+"px");
29. offsetY=Y+ph-navWidth;
30. $("#picNavDiv").css("top",offsetY+"px");
32. varsize=picList.length;
33. varnavHtml="";
34. varcurClass="";
35. for(vari=size;i>=1;i--){
36. if(i==1){
37. curClass="class='over'";
38. }
39. navHtml+="<li"+curClass+"id='navPgage"+i+"'>"+(i)+"</li>";
40. }
42. $("#picNavDiv").html(navHtml);
44. $('#picNavDiv>li').click(function(){
45. $("#picNavDiv>li").removeClass("over");
46. varindex=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();
56. $('#picContent>img').mouseenter(function(){
57. $("#picArrowLeft").show();
58. $("#picArrowRight").show();
59. });
61. $('#picContent>img').mouseout(function(){
63. $("#picArrowLeft").hide();
64. $("#picArrowRight").hide();
65. });
67. }
72. functionstartScroll(){
73. pImageWidth=$("#picContent").width()/2;
74. varpicList=$('#listPicContent>img');
75. varsize=picList.length;
77. if(curIndex>size-1){
78. curIndex=0;
79. }
80. nextIndex=curIndex+1;
81. if(nextIndex>size-1){
82. nextIndex=0;
83. }
85. if(timerId!=0){
86. clearTimeout(timerId);
87. }
88. curImageLeft=0;
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);
96. $("#picNavDiv>li").removeClass("over");
97. $("#navPgage"+(curIndex+1)).addClass("over");
98. }
100. functiondoScroll(dire){
101. if(dire==0){
102. curImageLeft-=20;
103. variLeft=-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{
117. }
118. timerId=setTimeout('doScroll('+dire+')',25);
119. }
122. functionstartMovePicLoop(){
123. curIndex++;
124. startScroll();
125. loopTimerId=setTimeout("startMovePicLoop()",5000);
126. }
130. initImage();
131. startMovePicLoop();

• aa.rar (517.3 KB)