HTML开发之--marquee标签

虽然被废弃了,但是效果还是很好的,目前除了js也没替代品,代码如下:

 1 <!--behavior
 2         设定滚动的方式:
 3         alternate: 表示在两端之间来回滚动。
 4         scroll: 表示由一端滚动到另一端,会重复。
 5         slide:  表示由一端滚动到另一端,不会重复-->
 6     <marquee direction="left" behavior="alternate" bgcolor="red">alternate:表示在两端之间来回滚动。 </marquee>
 7     <marquee direction="right" behavior="scroll">scroll:表示由一端滚动到另一端,会重复。</marquee>
 8     <marquee behavior="slide">slide:  表示由一端滚动到另一端,不会重复。</marquee>
 9 
10     <!--hspace
11         设定活动字幕里所在的位置距离父容器水平边框的距离-->
12     <table width="500" border="1" align="center" cellpadding="0" cellspacing="0">
13         <tr>
14             <td><marquee hspace="100" bgcolor="#CCCCCC">hspace="100"</marquee></td>
15         </tr>
16     </table>
17 
18     <!--vspace
19         设定活动字幕里所在的位置距离父容器垂直边框的距离-->
20     <marquee vspace="100" bgcolor="#CCCCCC">hspace="100"</marquee>
21 
22     <!--loop
23         设定滚动的次数,当loop=-1表示一直滚动下去,默认为-1-->
24     <marquee loop="-1" bgcolor="#CCCCCC">我会不停地走。</marquee>
25     <p> </p>
26     <marquee loop="2" bgcolor="#CCCCCC">我只走两次哦</marquee>
27 
28     <!--scrollamount
29         设定活动字幕的滚动速度,单位pixels-->
30     <marquee scrollamount="10" >scrollamount="10" </marquee>
31     <marquee scrollamount="20" >scrollamount="20" </marquee>
32     <marquee scrollamount="30" >scrollamount="30" </marquee>
33 
34     <!--scrolldelay
35         设定活动字幕滚动两次之间的延迟时间,单位millisecond(毫秒),值大了会有一步一停顿的效果-->
36     <marquee scrolldelay="10" >scrolldelay="10" </marquee>
37     <marquee scrolldelay="100" > scrolldelay="100"</marquee>
38     <marquee scrolldelay="1000">scrolldelay="1000" </marquee>
39 
40     <!--
41     onMouseOut="this.start()" :用来设置鼠标移出该区域时继续滚动
42     onMouseOver="this.stop()":用来设置鼠标移入该区域时停止滚动-->
43     <marquee onMouseOut="this.start()" onMouseOver="this.stop()">
44         onMouseOut="this.start()" :用来设置鼠标移出该区域时继续滚动
45         onMouseOver="this.stop()":用来设置鼠标移入该区域时停止滚动
46     </marquee>

仅做记录!

原文地址:https://www.cnblogs.com/hero11223/p/13224559.html