html跑马灯效果

       该笔记记录  <marquee> 标签,跑马灯除了使用js实现,还可以使用 marquee标签,自带跑马灯效果。(marquee已经

Obsolete了,但是它很好用)

        基本用法

         <!--  marquee是块元素,直接在其内部放入要滚动的文字即可,字体样式通过 其属性控制   -->

        <!--  marquee内部除了是纯文字,还可以是 其他行内元素(比如<a>标签)   -->

       <marquee>滚动的文字</marquee>       

    1、左右弹来弹去的跑马灯

<marquee width=400 behavior=alternate direction=left align=middle>弹来弹去跑马灯!</marquee>

  实现的方法就是在IE的标签上稍微多加了几个参数产生了更加丰富的变化。设置behavior=alternate表示双向移动,

direction= left表示运动方向向左。marquee的宽度可以使用绝对象素值,例如width=200等这个值限定了跑马灯滚动的范围。

需要说明的是该效果在 Netscape下是看不到的。

   2、跑的很快的跑马灯

<marquee  behavior=alternate direction=left align=middle  scrollamount=25>跑的很快的跑马灯!</marquee>

        只要在<marquee>标签后面加上“scrollamount=15”即可,修改=后边的数字参数即可限制文字移动的速度。

   3、带有超级链接的跑马灯

        实现的方法很简单,把整个<marquee></marquee>语句包含在超链接中就行

        尽管<marquee>参数不少,但毕竟不能实现复杂的和自定义的特殊跑马灯效果,而且还有浏览器限制,所以我们更多情况下会采用JavaScript来实现跑马灯。 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值