这个走马灯如何改成垂直向

1. <div id="colee_left" style="overflow:hidden;width:100%;" class="module cl ml">
   
2. <table cellpadding="0" cellspacing="0" border="0">
   
3. <tr><td id="colee_left1" valign="top" align="center">
   
4. <table cellpadding="2" cellspacing="0" border="0">
   
5. <tr align="center">
   
6. <ul>
   
7. [loop]
   
8. <td>
   
9. <li style="width: {picwidth}px;">
   
10. <a href="{url}"{target}><img src="{pic}" width="{picwidth}" height="{picheight}" alt="{title}" /></a>
    
11. <p><a href="{url}" title="{title}"{target}>{title}</a></p>
    
12. </li></td>
    
13. [/loop]                  
    
14. </ul>
    
15. </tr>
    
16. </table>
    
17. </td>
    
18. <td id="colee_left2" valign="top"></td>
    
19. </tr>
    
20. </table>
    
21. </div>
    
22. <script>
    
23. var speed=30//速度数值越大速度越慢
    
24. var colee_left2=document.getElementById("colee_left2");
    
25. var colee_left1=document.getElementById("colee_left1");
    
26. var colee_left=document.getElementById("colee_left");
    
27. colee_left2.innerHTML=colee_left1.innerHTML
    
28. function Marquee3(){
    
29. if(colee_left2.offsetWidth-colee_left.scrollLeft<=0)
    
30. colee_left.scrollLeft-=colee_left1.offsetWidth
    
31. else{
    
32. colee_left.scrollLeft++
    
33. }
    
34. }
    
35. var MyMar3=setInterval(Marquee3,speed)
    
36. colee_left.onmouseover=function() {clearInterval(MyMar3)}
    
37. colee_left.onmouseout=function() {MyMar3=setInterval(Marquee3,speed)}
    
38. </script>

复制代码

自己顶一下

垂直跑馬燈語法
演示右下角
http://121.54.171.193/~pole1010/upload/forum-69-1.html
適用於DIY

1. <div id=maq style=overflow:hidden;height:200px;width:204px;>
   
2. <div id=mtext>
   
3. [loop]
   
4. <li style="width: {picwidth}px;">
   
5.         <a href="{url}"{target}><img src="{pic}" width="{picwidth}" height="{picheight}" alt="{title}" /></a>
   
6.         <p><a href="{url}" title="{title}"{target}>{title}</a></p>
   
7. </li>
   
8. [/loop]
   
9. </div>
   
10. <div id=m0></div>
    
11. </div>
    
12. 
    
13. <script>
    
14. var speed=40 //&#35843;整&#28378;&#21160;速度
    
15. m0.innerHTML=mtext.innerHTML
    
16. function Marquee(){
    
17. if(m0.offsetTop-maq.scrollTop<=0)
    
18. maq.scrollTop-=mtext.offsetHeight
    
19. else{
    
20. maq.scrollTop++
    
21. }
    
22. }
    
23. var MyMar=setInterval(Marquee,speed)
    
24. maq.onmouseover=function() {clearInterval(MyMar)}
    
25. maq.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
    
26. </script>
    

复制代码

pole1010 发表于 2013-11-20 15:32
垂直跑馬燈語法
演示右下角
http://121.54.171.193/~pole1010/upload/forum-69-1.html

人好 技术好 谢谢！！