<marquee>左右回弹行为behavior="alternate"实现图片无缝滚动

蓝忧无泪

跑马灯 不间断滚动（不兼容IE外浏览器）

1. <div style="overflow:hidden;width:100%;">
   
2. <marquee direction="left" width="100%" scrollamount="3" behavior="alternate"> 要跑的文字或图片列表 </marquee>
   
3. </div>

复制代码

蓝忧无泪

DZX门户DIY，连贯跑马灯样式（兼容各浏览器）：

1. <marquee direction="left" behavior="alternate"  width="100%" scrollamount="3" onmouseover="this.stop()" onmouseout="this.start()"
   
2. >
   
3. <table width="100%" border="0" cellspacing="0" cellpadding="5">
   
4. <tr>
   
5. [loop]
   
6. <td style="width: {picwidth}px;text-align:center;">
   
7.         <a href="{url}"{target}><img src="{pic}" width="{picwidth}" height="{picheight}" alt="{title}" /></a>
   
8.         <p><a href="{url}" title="{title}"{target}>{title}</a></p>
   
9. </td>
   
10. [/loop]
    
11. </tr>
    
12. </table>
    
13. </marquee>

复制代码