图片滚动代码分享

1. <FONT size=2><div id="colee_left" style="overflow:hidden;width:100%;" class="module cl ml">
   
2. 
   
3. <table cellpadding="0" cellspacing="0" border="0">
   
4. 
   
5. <tr><td id="colee_left1" valign="top" align="center">
   
6. 
   
7. <table cellpadding="2" cellspacing="0" border="0">
   
8. 
   
9. <tr align="center">
   
10. 
    
11. <ul>
    
12. 
    
13. [loop]
    
14. 
    
15. <td>
    
16. 
    
17. <li style="width: {picwidth}px;">
    
18. 
    
19. <a href="{url}"{target}><img src="{pic}" width="{picwidth}" height="{picheight}" alt="{title}" /></a>
    
20. 
    
21. <p><a href="{url}" title="{title}"{target}>{title}</a></p>
    
22. 
    
23. </li></td>
    
24. 
    
25. [/loop]
    
26. </ul>
    
27. 
    
28. </tr>
    
29. 
    
30. </table>
    
31. 
    
32. </td>
    
33. 
    
34. <td id="colee_left2" valign="top"></td>
    
35. 
    
36. </tr>
    
37. 
    
38. </table>
    
39. 
    
40. </div>
    
41. 
    
42. <script>
    
43. 
    
44. var speed=30//速度数值越大速度越慢
    
45. 
    
46. var colee_left2=document.getElementById("colee_left2");
    
47. 
    
48. var colee_left1=document.getElementById("colee_left1");
    
49. 
    
50. var colee_left=document.getElementById("colee_left");
    
51. 
    
52. colee_left2.innerHTML=colee_left1.innerHTML
    
53. 
    
54. function Marquee3(){
    
55. 
    
56. if(colee_left2.offsetWidth-colee_left.scrollLeft<=0)
    
57. 
    
58. colee_left.scrollLeft-=colee_left1.offsetWidth
    
59. 
    
60. else{
    
61. 
    
62. colee_left.scrollLeft++
    
63. 
    
64. }
    
65. 
    
66. }
    
67. 
    
68. var MyMar3=setInterval(Marquee3,speed)
    
69. 
    
70. colee_left.onmouseover=function() {clearInterval(MyMar3)}
    
71. 
    
72. colee_left.onmouseout=function() {MyMar3=setInterval(Marquee3,speed)}
    
73. 
    
74. </script></FONT>

复制代码

前排支持下。。。

必须支持

很不错 支持下

有点含糊哦

不错的代码

我这里为什么滚一次就停了下来。

哥的八个猜想 发表于 2013-10-16 17:45
我这里为什么滚一次就停了下来。

我的可以实现，是不是你的图片不够多？

x3.1   滚了一会就停了

这个代码是存在这个情况。滚动会停止。