发一个v9真正可用的首页图片无缝隙滚动代码

左滚动

1. <div class="box">
   
2. <div id="jsweb8_cn_right" style="overflow:hidden;width:740px;">
   
3. 
   
4. <table cellpadding="0" cellspacing="0" border="0">
   
5. 
   
6. <tr><td id="jsweb8_cn_right1" valign="top" align="center">
   
7. 
   
8. <table cellpadding="4" cellspacing="0" border="0">
   
9. {pc:content action="position" posid="12" thumb="1" order="listorder DESC" num="10"}
   
10. <tr align="center">
    
11. {loop $data $r}
    
12. <td><div class="img-wrap">
    
13. <a href="{$r[url]}" title="{$r[title]}"><img src="{thumb($r[thumb],180,160)}" title="{$r[title]}"/></a>
    
14. </div>
    
15. <a href="{$r[url]}" title="{$r[title]}">{str_cut($r[title],20)}</a></td>
    
16. {/loop}
    
17. </tr>
    
18. {/pc}
    
19. </table>
    
20. 
    
21. </td>
    
22. 
    
23. <td id="jsweb8_cn_right2" valign="top"></td>
    
24. 
    
25. </tr>
    
26. 
    
27. </table>
    
28. 
    
29. </div>
    
30. 
    
31. <script>
    
32. var speed=10
    
33. 
    
34. jsweb8_cn_right2.innerHTML=jsweb8_cn_right1.innerHTML;
    
35. 
    
36. function Marquee4(){
    
37. 
    
38. if(jsweb8_cn_right2.offsetWidth-jsweb8_cn_right.scrollLeft<=0)
    
39. 
    
40. jsweb8_cn_right.scrollLeft-=jsweb8_cn_right2.offsetWidth;
    
41. 
    
42. else{
    
43. 
    
44. jsweb8_cn_right.scrollLeft++;
    
45. 
    
46. }
    
47. 
    
48. }
    
49. 
    
50. var MyMar4=setInterval(Marquee4,speed);
    
51. 
    
52. jsweb8_cn_right.onmouseover=function() {clearInterval(MyMar4);}
    
53. 
    
54. jsweb8_cn_right.onmouseout=function() {MyMar4=setInterval(Marquee4,speed);}
    
55. 
    
56. </script>
    
57. </div>

复制代码

=====================
右滚动

1. <div class="box">
   
2. <div id="jsweb8_cn_right" style="overflow:hidden;width:740px;">
   
3. 
   
4. <table cellpadding="0" cellspacing="0" border="0">
   
5. 
   
6. <tr><td id="jsweb8_cn_right1" valign="top" align="center">
   
7. 
   
8. <table cellpadding="2" cellspacing="0" border="0">
   
9. {pc:content action="position" posid="12" thumb="1" order="listorder DESC" num="10"}
   
10. <tr align="center">
    
11. {loop $data $r}
    
12. <td><div class="img-wrap">
    
13. <a href="{$r[url]}" title="{$r[title]}"><img src="{thumb($r[thumb],180,160)}" title="{$r[title]}"/></a>
    
14. </div>
    
15. <a href="{$r[url]}" title="{$r[title]}">{str_cut($r[title],20)}</a></td>
    
16. {/loop}
    
17. </tr>
    
18. {/pc}
    
19. </table>
    
20. 
    
21. </td>
    
22. 
    
23. <td id="jsweb8_cn_right2" valign="top"></td>
    
24. 
    
25. </tr>
    
26. 
    
27. </table>
    
28. 
    
29. </div>
    
30. 
    
31. <script>
    
32. 
    
33. var speed=10
    
34. 
    
35. jsweb8_cn_right2.innerHTML=jsweb8_cn_right1.innerHTML;
    
36. 
    
37. function Marquee4(){
    
38. 
    
39. if(jsweb8_cn_right.scrollLeft<=0)
    
40. 
    
41. jsweb8_cn_right.scrollLeft+=jsweb8_cn_right2.offsetWidth;
    
42. 
    
43. else{
    
44. 
    
45. jsweb8_cn_right.scrollLeft--;
    
46. 
    
47. }
    
48. 
    
49. }
    
50. 
    
51. var MyMar4=setInterval(Marquee4,speed);
    
52. 
    
53. jsweb8_cn_right.onmouseover=function() {clearInterval(MyMar4);}
    
54. 
    
55. jsweb8_cn_right.onmouseout=function() {MyMar4=setInterval(Marquee4,speed);}
    
56. 
    
57. </script>
    
58. </div>

复制代码

希望对你们有帮助

原贴地址：
http://bbs.phpcms.cn/forum.php?mod=viewthread&tid=730824

向左滚动修改版：
<style>
.piclist{
    width:690px;  //盒子总宽度
    clear:both;
    margin-left:0px;
    display:inline-block;
    text-align:left;
overflow:hidden;
}
</style>


<div id="demo" class="piclist">
        <table cellpadding="0" cellspacing="0" border="0">
          <tr>
            <td id="demo1" valign="top" align="center"><table cellpadding="0" cellspacing="15" border="0">
                <tr align="center"> {pc:content action="lists" catid="8" order="listorder ASC" thumb="1" num="5"}
                  {loop $data $k $r}
                  <td><a href="{$r[url]}" title="{$r[title]}" target="_blank"><img src="{thumb($r[thumb],215,135)}"/></a>
                    <p><a href="{$r[url]}" title="{$r[title]}" target="_blank">{$r[title]}</a></p></td>
                  {/loop}
                  {/pc} </tr>
              </table></td>
            <td id="demo2" valign="top"></td>
          </tr>
        </table>
<script>
var speed=25     //数值越大速度越慢
demo2.innerHTML=demo1.innerHTML;
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo2.offsetWidth;
else{
demo.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
demo.onmouseover=function() {clearInterval(MyMar);}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed);}
</script>
      </div>

备注：更改滚动方式，请修改相应未知的代码 倒数第7行
demo.scrollLeft++ 向左滚动
demo.scrollLeft-- 向右滚动
demo.scrolltop++ 向上滚动
demo.scrolltop-- 向下滚动