最近做了一个功能是让文字滚动,不管从右向左,还是从左向右滚动,刚开始不知道怎么做,于是有了很多种方法,比如用轮播图,css等等,虽然也可以实现,但是实在是太麻烦了。今晚刚知道了一个标签就可以完成,之前见过,可是忘了。。
所以想记录下来。
这个标签就是-----↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓
<marquee scrollAmount=6 width=300>滚就完了</marquee>
同样的,这个标签里也有它的灵魂。
scrollAmount。它表示速度,值越大速度越快。默认为6
width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。
direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑↑↑,down表示↓↓↓。
behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)
如果想要做超链接的话,直接给文字加a标签就可以了。
鼠标停留在文字上,文字停止滚动 (此下的属性都是加入到标签内)
onmouseover=stop()
onmouseout=start()
在一行内左右碰撞,来回动。。
behavior=alternate