蓝忧无泪 发表于 2013-7-15 03:43:20

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

跑马灯 不间断滚动(不兼容IE外浏览器)<div style="overflow:hidden;width:100%;">
<marquee direction="left" width="100%" scrollamount="3" behavior="alternate"> 要跑的文字或图片列表 </marquee>
</div>

蓝忧无泪 发表于 2013-8-28 14:31:07

DZX门户DIY,连贯跑马灯样式(兼容各浏览器):<marquee direction="left" behavior="alternate"width="100%" scrollamount="3" onmouseover="this.stop()" onmouseout="this.start()"
>
<table width="100%" border="0" cellspacing="0" cellpadding="5">
<tr>

<td style="width: {picwidth}px;text-align:center;">
      <a href="{url}"{target}><img src="{pic}" width="{picwidth}" height="{picheight}" alt="{title}" /></a>
      <p><a href="{url}" title="{title}"{target}>{title}</a></p>
</td>

</tr>
</table>
</marquee>
页: [1]
查看完整版本: <marquee>左右回弹行为behavior="alternate"实现图片无缝滚动