标签语法

ads

一天学会一个HTML标签之HTML <marquee>

HTML <marquee>

HTML marquee 元素(<marquee>) 用来插入一段滚动的文字。你可以使用它的属性控制当文本到达容器边缘发生的事情。


<marquee>Hello, World</marquee>


marquee常用到的两个事件:

onMouseOut="this.start()" 当鼠标移出该区域时开始滚动

onMouseOver="this.stop()" 当鼠标移入该区域时停止滚动

 实例二

<marquee onMouseOut="this.start()" onMouseOver="this.stop()">

marquee常用到的两个事件</marquee>


marquee所支持的属性

behavior 设定滚动的方式:

alternate:来回滚动。

scroll:重复滚动。

  slide:不重复滚动

代码如下:  

<marquee behavior="alternate">来回滚动。</marquee>

<marquee behavior="scroll">重复滚动。</marquee>

<marquee behavior="slide">不重复滚动。</marquee> 


bgcolor设定活动字幕的背景颜色。  

代码如下: 

<marquee bgcolor="#006699">设定活动字幕的背景颜色</marquee> 

<marquee bgcolor="RGB(10%,50%,100%,)">设定活动字幕的背景颜色 </marquee>

<marquee bgcolor="red">设定活动字幕的背景颜色</marquee>  

 

 direction设定活动字幕的滚动方向

代码如下: 

<marquee direction="down">设定活动字幕的滚动方向向下</marquee>

<marquee direction="left">设定活动字幕的滚动方向向左</marquee> 

<marquee direction="right">设定活动字幕的滚动方向向右</marquee>

<marquee direction="up">设定活动字幕的滚动方向向上</marquee>   


height设定活动字幕的高度

代码如下: 

<marquee height="500" direction="down" bgcolor="#CCCCCC">

设定活动字幕的高度</marquee>  


width设定活动字幕的宽度

代码如下: 

<marquee width="500" bgcolor="#CCCCCC">设定活动字幕的宽度</marquee> 

 loop设定滚动的次数,当loop=-1表示一直滚动下去,默认为-1

代码如下:

 <marquee loop="-1" bgcolor="#CCCCCC">我会不停地走。</marquee>

<marquee loop="2" bgcolor="#CCCCCC">我只走两次哦</marquee>


scrollamount设定活动字幕的滚动速度,单位pixels

代码如下:  

<marquee scrollamount="10" >scrollamount="10" </marquee>

<marquee scrollamount="20" >scrollamount="20" </marquee>

 <marquee scrollamount="30" >scrollamount="30" </marquee>


scrolldelay设定活动字幕滚动两次之间的延迟时间,单位millisecond(毫秒)值大了会有一步一停顿的效果

代码如下: 

<marquee scrolldelay="10" >scrolldelay="10" </marquee>

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

 <marquee scrolldelay="1000">scrolldelay="1000" </marquee>

DAY1 | 一天学会一个HTML标签之HTML属性

DAY1 | 一天学会一个HTML标签之HTML元素

DAY1 | 一天学会一个HTML标签之HTML编辑器

DAY1 | 一天学会一个HTML标签之HTML简介

DAY2 | 一天学会一个HTML标签之HTML标题

DAY3 | 一天学会一个HTML标签之HTML段落

DAY4 | 一天学会一个HTML标签之HTML文本格式化

DAY5 | 一天学会一个HTML标签之HTML链接

DAY6 | 一天学会一个HTML标签之HTML头部

·end·

—如果喜欢,快点好看给你的朋友们—

我们一起愉快的玩耍吧

扫码

关注我们

获得

更多精彩


最后编辑于:2024/1/22 拔丝英语网

admin-avatar

英语作文代写、国外视频下载

高质量学习资料分享

admin@buzzrecipe.com