您的位置:首页 > 产品设计 > UI/UE

marquee实现文字滚动效果

2017-04-10 19:41 225 查看
html代码如下:

<marquee direction="up" behavior="scroll" loop="3" scrollamount="1" scrolldelay="10" align="top“ bgcolor=”#ffffff" height="300" width="30%" hspace="20" vspace="10" onmouseover="this.stop() " onmouseout="this.start()"> 此处输入滚动内容 </marquee>

详解:
     1、direction表示滚动的方向,值可以是left,right,up,down,默认为left
     2、behavior表示滚动的方式,值可以是scroll(连续滚动)slide(滑动一次)alternate(来回滚动)
     3、loop表示循环的次数,值是正整数,默认为无限循环
     4、 scrollamount表示运动速度,值是正整数,默认为6
     5、scrolldelay表示停顿时间,值是正整数,默认为0,单位似乎是毫秒
     6、align表示元素的垂直对齐方式,值可以是top,middle,bottom,默认为middle
     7、bgcolor表示运动区域的背景色,值是16进制的RGB颜色,默认为白色
     8、height、width表示运动区域的高度和宽度,值是正整数(单位是像素)或百分数,默认width=100% height为标签内元素的高度
    9、hspace、vspace表示元素到区域边界的水平距离和垂直距离,值是正整数,单位是像素。
   10、onmouseover=this.stop() onmouseout=this.start()表示当鼠标以上区域的时候滚动停止,当鼠标移开的时候又继续滚动。

参考文章地址:http://blog.sina.com.cn/s/blog_7083de870100nb7y.html
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript