HTML标签-marquee

         在看JavaScript实现幻灯片效果的时候,偶然发现了HTML的marquee标签,可以实现滚动的效果。

语法:<marquee></marquee>

标签属性:

1、滚动方向:direction。可选值为:up、down、right、left。

              例如:direction="up"

 2、滚动速度:scrollamount。值为数字。滚动速度是设置每次滚动时移动的长度,以像素为单位。

               例如:scrollamount="2"

3、滚动延迟:scrolldelay。设置滚动时的时间间隔,以毫秒为单位。

例如:scrolldelay="1000"

4、滚动方式behavior。可选值为:scroll(循环滚动,默认效果); slide(滚动一次就停止); alternate(来回交替进行滚动)。

例如:behavior="slide"

5、滚动循环loop。值为数字。默认值是-1,滚动会不断的循环下去。

例如: loop="2"

6、width、height属性

例如:<marquee width="500" height="100"></marquee>

marquee有两个经常用到的事件:

             onMouseOver="this.stop()"  鼠标移入该区域时

            onMouseOut="this.start()"   鼠标移出该区域时

示例为:

<marquee direction="down"  scrollamount="2"  scrolldelay="2000"  behavior="alternate"  loop="-1" width="200"  height="100">我要交替滚动</marquee>





评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值