前端日记:使用marquee标签在不需要js的情况下实现页面滚动效果

具体示例:

<marquee direction="up" behavior="scroll" scrollamount="1" scrolldelay="0" loop="-1" width="1000" height="1000" bgcolor="#dddddd" hspace="10" vspace="10">

marquee标签属性说明:

1-direction:页面滚动的方向,有 up、down、left、right四个值

具体用法:

<marquee direction="滚动方向">...</marquee>

2-behavior:页面滚动的方式,有scroll:能循环的滚动,为默认效果; slide:只滚动一次就停止; alternate:来回交替进行滚动三个值。

具体用法:

<marquee behavior="滚动方式">...</marquee>

3-scrollamoun:滚动速度,是设置每次滚动时移动的长度,以像素为单位

具体用法:

<marquee scrollamount="数字">...</marquee>

4-scrolldelay:滚动的延迟,每次滚动的时间间隔,单位是毫秒

具体用法:

<marquee scrolldelay="100">...</marquee>

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

  语法:<marquee loop="数值">...</marquee>

6-滚动范围width、height(即为想要滚动的大小)

7-滚动背景颜色bgcolor(可去掉)

8-空白空间hspace、vspace(一般设为0)

文章参考自——https://www.cnblogs.com/zzuIvy/p/marqueeTest_1.html

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值