美文网首页
2018-03-25 marquee跑马灯效果，HTML+CS

2018-03-25 marquee跑马灯效果，HTML+CS

作者: 啾咪啾咪啾 | 来源:发表于2018-03-25 14:50 被阅读0次

<marquee scrollamount=4      onmouseover=this.stop()    onmouseout=this.start()>

<ul><li>文本内容样式，或者图片</li></ul>

</marquee>

marquee常用属性: 

scrollamount:控制跑马灯速度

1.direction：滚动方向(包括4个值：up、down、left、right)

2.behavior：滚动方式(包括3个值：scroll、slide、alternate)

 说明：scroll：循环滚动，默认效果；               slide：只滚动一次就停止；            alternate：来回交替进行滚动。

3.loop：设定滚动循环的次数(默认值是-1，滚动会不断的循环下去)

二、marquee常用到的两个事件：

               onMouseOut="this.start()" 用来设置鼠标移出该区域时继续滚动

               onMouseOver="this.stop()" 用来设置鼠标移入该区域时停止滚动

前端小知识：孙鲁意博客网站

相关文章