CSS(八)(滚动标签)

一、文字滚动

marquee标签又叫滚动标签。它是用来控制一段文本或其它元素滚动的HTML标签。
语法:

<marquee direction="滚动方向" behavior="滚动方式" scrollmount="滚动速度">文字</marquee>

其中direction有如下取值:

属性值描述
left默认值,向左滚动
right向右滚动
up向上滚动
down向下滚动

behavior有如下属性值

属性值描述
scroll默认值,循环滚动
slide只滚动一次,不重复滚动
alternate来回滚动

还有一些其他常见的属性值如下:

  • loop 表示循环的次数,值是正整数,默认为无限循环
  • scrollamount 表示运动速度,值是正整数,默认为6
  • scrolldelay 表示停顿时间,值是正整数,默认为0,单位是毫秒
  • valign 表示元素的垂直对齐方式,值可以是top,middle,bottom,默认为middle
  • align 表示元素的水平对齐方式,值可以是left,center,right,默认为left
  • bgcolor 表示运动区域的背景色,值是16进制的RGB颜色,默认为白色
  • height、width 表示运动区域的高度和宽度,值是正整数(单位是像素)或百分数,默width=100% height为标签内元素的高度

二、图片滚动

语法:

<marquee direction="滚动方向" behavior="滚动方式" scrollmount="滚动速度">
		     <img src=""/>
 	</marquee>

相关属性的取值同文字滚动。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值