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>

仅做记录！

posted @ 2020-07-02 14:34  稻草人11223  阅读(204)  评论(0)  编辑  收藏  举报
返回顶部