您的位置:首页 > 产品设计 > UI/UE

marquee标签_html滚动文字

2018-03-05 19:11 561 查看
marquee标签可以让我们在网页中编写的文字动起来,不论是上下滚动还是左右滚动都可以通过marquee标签中的属性来设置。语法:﹤marquee﹥需要被滚动的文字﹤/marquee﹥:默认下marquee标签中的内容是从左到右滚动的,当然也可以通过marquee标签中的属性来控制不同的滚动方式。marquee标签是块级元素,这就说明它自带了宽高属性,通过CSS样式也能为它规定宽高,同时还能设置标签里面的字体大小、颜色、行高等效果。

marquee标签的属性设置

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

direction:设置文字的滚动方向

marquee direction="up"  :从下往上滚动;
marquee direction="down" :从上往下滚动;
marquee direction="left" :从右往左滚动;默认值;
marquee direction="right":从左往右滚动;

behavior:设置文字的滚动方式

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

scrollamount:设置文字的滚动速度

通过scrollamount属性设置滚动文字速度,属性值以数字代表,数值越大滚动越快,反之越慢。marquee scrollamount="1" :非常慢;
marquee scrollamount="5" :速度一般;
marquee scrollamount="10":速度较快;
marquee scrollamount="80":非常快;

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

通过scrollamount属性设置滚动文字的延迟时间,属性值以数字代表,数值越大延迟越长,反之越短。marquee scrollamount="10" :延迟较短;
marquee scrollamount="50" :延迟一般;
marquee scrollamount="100":延迟较长;

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

默认下滚动文字会无限循环的滚动,通过loop属性可以让文字在滚动完规定的次数后停止滚动。marquee loop="-1":无限循环滚动,默认值;
marquee loop="5" :文字在滚动完5次后停止滚动;
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﹥
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: