html中的marquee标签

学过javascript的朋友都知道有个叫做“跑马灯”效果的特效,表现就是可以上下或者左右不停的翻动,这个效果可以通过js来实现,但是如果你仅仅是想看看跑马灯的效果,不做很严格的要求的话,直接使用html中的marquee标签也是可以实现类似“跑马灯”的效果的。效果如图(我没有截取动图,所以你看到的还是静态的不会动的):

image.png

其实写起来简单的很:

<marquee  loop="-1"  scrollamount="5" behavior="scroll" bgcolor="skyblue" width="500px" height="300px">
	scrollamount属性代表滚动速度</marquee>

只有这么一句简单的话就可以实现类似“跑马灯”的效果了,看看marquee这个标签的几个常用属性是什么意思:

loop:循环的意思,设置 marquee 滚动多少次。默认值为 −1,表示 marquee 将无限地滚动下去

scrollamount:以像素px为单位设置每次滚动时移动的长度,默认值为 6

behavior:设置文本在 marquee 元素内如何滚动。可选值有 scroll,slide 和 alternate。 如果未指定值,默认值为 scroll。

bgcolor:设置marquee的背景颜色

width和height:分别设置marquee的宽和高。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值