html5实现滚动⽂字(转载)
<div class="custom-notice">
<i class="icon-notice"></i>
<marquee class="noticeText ng-binding" direction="left" behavior="alternate" scrollamount="100" scrolldelay="1000" loop="5" width="100%" onmouseover="this.stop();" onmouseout="this.start();" >充值公告:⾸充100送1元</div>
1.滚动⽅向属性 direction
该属性的滚动⽅向可以设置四个值:up(⽂字向上)、down(⽂字向下)、left(⽂字向左)、right(⽂字向右)。
2.滚动⽅式属性 behavior
该属性的取值有三个值:scroll(循环滚动,默认效果)、slide(只滚动⼀次就停⽌)、alternate(来回交替进⾏滚动)
3.滚动速度属性 scrollamount
该属性能调整⽂字滚动的速度,滚动⽂字的速度实际上是通过设置滚动⽂字每次移动的长度来实现的,以像素为单位。值只写数字,不带px单位,若带了单位则设置⽆效。
4.滚动延迟属性 scrolldelay
该属性⽤来设置滚动⽂字滚动的时间间隔(滚动两步之间的时间间隔)。
scrolldelay的时间间隔单位是毫秒,取值只写数字
5.滚动循环属性 loop
pdf转html设置滚动⽂字后,默认会⽆限循环下去,若想控制循环的次数,可设置此属性。
6.滚动范围属性 width&height
若想控制⽂字滚动的范围,则可起⽤这⼆属性,以像素为单位,不写px单位。默认情况下left和right滚动的width和浏览器窗⼝同宽,搞定和⽂字⾼度同⾼。up和down时height为浏览器窗⼝⾼度的三分之⼀。
7.滚动背景颜⾊属性 bgcolor
此属性为滚动区域设置背景⾊(取值为⼗六进制颜⾊码和英⽂)。
8.滚动空间属性 hspace&vspace
hsapce属性可以设置滚动范围的⽔平位置,vspace⽤来设置滚动范围的垂直位置。单位均为像素,写值时不写单位px。
发布评论