图片横向循环无缝版（X3）修改

1. <style type="text/css">
   
2. <!--
   
3. #demo {
   
4. background: #FFF;
   
5. overflow:hidden;
   
6. border: 0px;
   
7. width: 100%;
   
8. }
   
9. #demo img {
   
10. border: 3px solid #F2F2F2;
    
11. }
    
12. #indemo {
    
13. float: left;
    
14. width: 800%;
    
15. }
    
16. #demo1 {
    
17. float: left;
    
18. }
    
19. #demo2 {
    
20. float: left;
    
21. }
    
22. -->
    
23. </style>
    
24. <div id="demo">
    
25. <div id="indemo">
    
26. <div id="demo1">
    
27. <div class="module cl ml">
    
28. <ul>
    
29. [loop]
    
30. <li style="width: {picwidth}px;">
    
31. <a href="{url}"{target}><img src="{pic}" width="{picwidth}" height="{picheight}" alt="{title}" /></a>
    
32. <p><a href="{url}" title="{title}"{target}>{title}</a></p>
    
33. </li>
    
34. [/loop]
    
35. </ul>
    
36. </div></div>
    
37. <div id="demo2"></div>
    
38. </div>
    
39. </div>
    
40. 
    
41. <script>
    
42. <!--
    
43. var speed=10; //数字越大速度越慢
    
44. var tab=document.getElementById("demo");
    
45. var tab1=document.getElementById("demo1");
    
46. var tab2=document.getElementById("demo2");
    
47. tab2.innerHTML=tab1.innerHTML;
    
48. function Marquee(){
    
49. if(tab2.offsetWidth-tab.scrollLeft<=0)
    
50. tab.scrollLeft-=tab1.offsetWidth
    
51. else{
    
52. tab.scrollLeft++;
    
53. }
    
54. }
    
55. var MyMar=setInterval(Marquee,speed);
    
56. tab.onmouseover=function() {clearInterval(MyMar)};
    
57. tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
    
58. -->
    
59. </script>

复制代码

河南人在新疆网www.yuzaixin.com测试修改。

x3 上传图片问题

无图无真相

没说修改哪个文件。。

好东西，正在使用了

搞个截图看看啊

怎么用啊？

不错有创意

添加后怎么出来两排 下面一排走动