跑马灯效果

html跑马灯标签<MARQUEE>
<MARQUEE> 只适用于 IE (目前测试在移动端也可以用,有时候会出现跑马灯内容偏移现象),叫做"跑马灯" 如 Status Bar 的那种,意指走动或卷动的文字,其参数设定比较多。

<marquee behavior="scroll" class="marquee" id="runLamp"><span ></span></marquee>
//或者
<marquee loop="value1" behavior="value2" ....> displaydata </marquee>
// 或者
<marquee behavior="SCROLL" direction="LEFT" bgcolor="#0000FF" height="30" width="150" hspace="0" vspace="0" loop="INFINITE" scrollamount="30" scrolldelay="500">Hello</marquee>

<marquee>是成对标记

  • truespeed 未知意义
  • loop 设定跑马灯的次数
  • behavior 设定走动方式
    ① scroll 跑到尽头后再重新开始(默认)
    ② slide 跑完一次就不跑了
    ③ alternate 以左右来回移动的方式跑
  • direction 设定跑马灯移动方向
    ① left 从右向左(默认方式)
    ② right 从左向右
  • scrolldelay设定移动速度,用来设定延迟时间,数值越大,速度越慢(默认为90),单位以毫秒来计算
  • scrollamount 设定移动速度,跑马灯移动距离,数值越大,速度越慢(默认为6),以移动的px为单位
  • width 调整跑马灯的宽度
  • height 调整跑马灯的高度
  • bgcolor 设定跑马灯的背景颜色
  • hspace="0" vspace="0" 设定文字的水平及垂直空白位置。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值