让一行文字滚动只需用一行代码!

最近做了一个功能是让文字滚动,不管从右向左,还是从左向右滚动,刚开始不知道怎么做,于是有了很多种方法,比如用轮播图,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

猜你喜欢

转载自blog.csdn.net/qq_43209114/article/details/85133599
今日推荐