CSS滚动效果 MARQUEE
今天在网上看到一个不错的滚动效果,在此特记:(有待继续研究)
<MARQUEE onmouseover=this.stop() onmouseout=this.start() scrollAmount=3 scrolldelay="120"><img src="../images/logo.gif" /><p>aaaa</p></MARQUEE>
这个代码简化如下:
<MARQUEE onmouseover=this.stop() onmouseout=this.start() scrollAmount=3 scrolldelay="120"> “ 这里添加内容”</MARQUEE>
对应属性如下()
width 宽 height高 bgcolor背景颜色 direction滚动方向
behavior行为(滚动方式)
值有scroll(连续不断的滚动)
slide(滚动一次并停止)
alternate(交替式滚动)
scrollamount单位时间内移动多少像素
scrolldelay延迟的时间 停顿 loop循环次数
onmouseover="this.stop()"
onmouseout="this.start()"
鼠标经过的时候停止,离开的时候继续滚动