文字滚动,marquee标签详解

211次阅读
没有评论
<marquee behavior="scroll" style="margin-top: 10px" onmouseover="this.stop()" onmouseout="this.start()" width="100%">
                公告:本站不储存、复制、传播、控制编辑任何网盘文件,也不提供下载服务,其链接跳转至阿里网盘,文件的有效性和安全性需要您自行判断。Email: joneyxz#gmail.com (将 # 换成 @ 使用)
            </marquee>
marquee 标签详解

由于在工作看到同事写的 marquee 的标签,但是不理解这个标签怎么使用,于是在网上查询了一些资料,终于把这个标签给看懂了,下面我就给大家分享一下我的理解。<marquee> 标签是成对出现,而我们滚动的内容就包裹在 <marquee></marquee> 内部。而 marquee 的主要属性和事件有以下这些。marquee 属性
标签名称    说明  取值范围    默认值
direction   表示内容滚动的方向   left,right,up,down  left
behavior    表示内容滚动的方式   scroll(连续滚动),slide(滚动一次),alternate(来回滚动)scroll
loop    表示内容滚动的次数   正整数 无限循环
 scrollamount   表示运动速度  正整数 6
 scrolldelay    表示停顿时间  正整数 0
align   表示内容的垂直对齐方式 top,middle,bottom   middle
bgcolor 表示运动区域的背景颜色 16 进制的 RGB 颜色,或是颜色的英文  白色
height  表示运动区域的高度   正整数(单位是像素或者百分数)标签内容的高度
width   表示运动区域的宽度   正整数(单位是像素或者百分数)width=100%
hspace  表示内容到区域边界的水平距离  正整数(单位是像素)——
vspace  表示内容到区域边界的垂直距离  正整数(单位是像素)——-

marquee 标签的事件
事件名 说明
onmouseover οnmοuseοver=this.stop() 表示当鼠标移动到以上区域的时候内容停止滚动
onmouseout  οnmοuseοut=this.start() 表示当鼠标划出以上区域时候内容开始滚动
正文完
有偿技术支持加微信
post-qrcode
 0
评论(没有评论)
验证码