marquee标签_html滚动文字

链接

marquee标签可以让我们在网页中编写的文字动起来,不论是上下滚动还是左右滚动都可以通过marquee标签中的属性来设置。语法:﹤marquee﹥需要被滚动的文字﹤/marquee﹥请看以下效果:

需要被滚动的文字

默认下marquee标签中的内容是从左到右滚动的,当然也可以通过marquee标签中的属性来控制不同的滚动方式。marquee标签是块级元素,这就说明它自带了宽高属性,通过CSS样式也能为它规定宽高,同时还能设置标签里面的字体大小、颜色、行高等效果。


marquee标签的属性设置

  1. marquee width="像素值" :设置marquee标签的宽度;
  2. marquee height="像素值" :设置marquee标签的高度;
  3. marquee hapace="像素值" :设置marquee标签的水平间距;
  4. marquee vspace="像素值" :设置marquee标签的垂直间距;
  5. marquee bgcolor="颜色值":设置marquee标签的背景颜色;
  6. marquee style="规定样式":设置marquee标签的CSS样式;

direction:设置文字的滚动方向
  1. marquee direction="up"  :从下往上滚动;
  2. marquee direction="down" :从上往下滚动;
  3. marquee direction="left" :从右往左滚动;默认值;
  4. marquee direction="right":从左往右滚动;

behavior:设置文字的滚动方式
  1. marquee behavior="side" :只滚动一次就停止;
  2. marquee behavior="srcoll":循环滚动;默认值;
  3. marquee behavior="alternate":来回滚动;如果让文字上下来回滚动,需给marquee元素一个高度;

scrollamount:设置文字的滚动速度

通过scrollamount属性设置滚动文字速度,属性值以数字代表,数值越大滚动越快,反之越慢。

  1. marquee scrollamount="1" :非常慢;
  2. marquee scrollamount="5" :速度一般;
  3. marquee scrollamount="10":速度较快;
  4. marquee scrollamount="80":非常快;

scrolldelay:设置滚动文字延迟时间

通过scrollamount属性设置滚动文字的延迟时间,属性值以数字代表,数值越大延迟越长,反之越短。

  1. marquee scrollamount="10" :延迟较短;
  2. marquee scrollamount="50" :延迟一般;
  3. marquee scrollamount="100":延迟较长;

loop:设置滚动文字循环次数

默认下滚动文字会无限循环的滚动,通过loop属性可以让文字在滚动完规定的次数后停止滚动。

  1. marquee loop="-1":无限循环滚动,默认值;
  2. marquee loop="5" :文字在滚动完5次后停止滚动;
  3. marquee loop="50":文字在滚动完50次后停止滚动;

通过以上属性,使用marquee标签来设置一个完整的滚动元素,其中宽度为600像素;高度40像素;背景颜色草绿色;滚动文字从左往右;滚动方式默认循环;滚动速度5;marquee元素垂直间距上下各10像素;代码如下:

﹤marquee width="600px" height="40px" bgcolor="#99FF66" direction="right" scrollamount="5" vspace="10"﹥html滚动文字 ﹤/marquee﹥


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值