http://wiki.sseuu.com/index.php?action=history&feed=atom&title=%E6%96%87%E5%AD%97%E6%BB%9A%E5%8A%A8
文字滚动 - 版本历史
2026-05-17T07:53:01Z
本wiki的该页面的版本历史
MediaWiki 1.30.0
http://wiki.sseuu.com/index.php?title=%E6%96%87%E5%AD%97%E6%BB%9A%E5%8A%A8&diff=23374&oldid=prev
2019年12月3日 (二) 06:13 明华
2019-12-03T06:13:15Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr style="vertical-align: top;" lang="zh-CN">
<td colspan="2" style="background-color: white; color:black; text-align: center;">←上一版本</td>
<td colspan="2" style="background-color: white; color:black; text-align: center;">2019年12月3日 (二) 06:13的版本</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l112" >第112行：</td>
<td colspan="2" class="diff-lineno">第112行：</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div></body></div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div></body></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div></html></div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div></html></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">----</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"><marquee>滚动文字</marquee></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>文章最后发布于: 2018-05-14</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>文章最后发布于: 2018-05-14</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>本文链接：https://blog.csdn.net/qq_41573234/article/details/80313714</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>本文链接：https://blog.csdn.net/qq_41573234/article/details/80313714</div></td></tr>
</table>
明华
http://wiki.sseuu.com/index.php?title=%E6%96%87%E5%AD%97%E6%BB%9A%E5%8A%A8&diff=23373&oldid=prev
2019年12月3日 (二) 06:11 明华
2019-12-03T06:11:55Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr style="vertical-align: top;" lang="zh-CN">
<td colspan="2" style="background-color: white; color:black; text-align: center;">←上一版本</td>
<td colspan="2" style="background-color: white; color:black; text-align: center;">2019年12月3日 (二) 06:11的版本</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l14" >第14行：</td>
<td colspan="2" class="diff-lineno">第14行：</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>     也可以在标签之间设置文字的字体、颜色等。</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>     也可以在标签之间设置文字的字体、颜色等。</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline"><marquee>1237</marquee></ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>2.  滚动方向属性——direction</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>2.  滚动方向属性——direction</div></td></tr>
</table>
明华
http://wiki.sseuu.com/index.php?title=%E6%96%87%E5%AD%97%E6%BB%9A%E5%8A%A8&diff=23372&oldid=prev
明华：创建页面，内容为“HTML——设置滚动文字 原创 时光·漫步zth 2018-05-14 阅读数：35198 关注 1. 滚动文字标签——marquee 使用<marquee>标签可以将文...”
2019-12-03T06:09:19Z
<p>创建页面，内容为“HTML——设置滚动文字 原创 时光·漫步zth 2018-05-14 阅读数：35198 关注 1. 滚动文字标签——marquee 使用<marquee>标签可以将文...”</p>
<p><b>新页面</b></p><div>HTML——设置滚动文字 原创<br />
<br />
时光·漫步zth<br />
2018-05-14 阅读数：35198<br />
关注<br />
1. 滚动文字标签——marquee<br />
<br />
使用<marquee>标签可以将文字设置为动态滚动的效果。<br />
<br />
语法格式：<br />
<br />
<marquee>滚动文字</marquee><br />
<br />
也可以在标签之间设置文字的字体、颜色等。<br />
<br />
<br />
<br />
2. 滚动方向属性——direction<br />
<br />
语法格式：<br />
<br />
<marquee direction="滚动方向">滚动文字</marquee><br />
<br />
“滚动方向取值”：up、down、left 和 right，其中向左滚动 left 的效果和默认效果相同。<br />
<br />
<br />
<br />
3. 滚动方式属性——behavior<br />
<br />
语法格式：<br />
<br />
<marquee behavior="滚动方式">滚动文字</marquee><br />
<br />
<br />
<br />
behavior的取值 滚动方式<br />
scroll 循环滚动，默认效果<br />
slide 只滚动一次就停止<br />
alternate 来回交替进行滚动<br />
<br />
<br />
4. 滚动速度属性——scrollamount<br />
<br />
语法格式：<br />
<br />
<marquee scrollamount="滚动速度">滚动文字</marquee><br />
<br />
在该语法中，滚动文字的速度实际上是设置滚动文字每次移动的长度，以像素为单位。<br />
<br />
<br />
<br />
5. 滚动延迟属性——scrolldelay<br />
<br />
语法格式：<br />
<br />
<marquee scrolldelay="时间间隔">滚动文字</marquee><br />
<br />
时间间隔单位是毫秒（千分之一秒）<br />
<br />
<br />
<br />
6. 滚动循环属性——loop<br />
<br />
语法格式：<br />
<br />
<marquee loop="循环次数">滚动文字</marquee><br />
<br />
<br />
<br />
7. 滚动范围属性——width、height<br />
<br />
如果不设置滚动背景的面积，那么默认情况下，水平滚动的文字背景与文字同高、与浏览器窗口同宽，使用 width 和 height 参数调整其水平和垂直的范围。<br />
<br />
语法格式: <br />
<br />
<marquee width="" height="">滚动文字</marquee><br />
<br />
宽度和高度的单位均为像素。<br />
<br />
<br />
<br />
8. 滚动背景颜色属性——bgcolor<br />
<br />
语法格式：<br />
<marquee bgcolor="颜色代码">滚动文字</marquee><br />
<br />
文字背景颜色设置为 16 位颜色码<br />
<br />
<br />
<br />
9. 滚动空间属性——hspace、vspace<br />
<br />
语法格式：<br />
<br />
<marquee hspace="水平范围" vspace="垂直范围">滚动文字</marquee><br />
<br />
水平和垂直范围的单位均为像素。<br />
<br />
<!doctype html><br />
<html><br />
<head><br />
<title>滚动文字</title><br />
</head><br />
<br />
<body><br />
<marquee direction="right" behavior="alternate" scrollamount="15" scrolldelay="10" loop="2" height="100" bgcolor="ABCDEF" ><br />
<font face="隶书" color="#0066FF" size="5">行尽天涯静默山水间，倾听晚风拂柳笛声残</font><br />
</marquee><br />
<marquee direction="left" behavior="scroll" scrollamount="25" loop="1" bgcolor="pink" hspace="90" vspace="50"><br />
<font face="隶书" color="red" size="5">踏破芒鞋 烟雨任平生,慧行坚勇 究畅恒无极</font><br />
</marquee><br />
</body><br />
</html><br />
<br />
文章最后发布于: 2018-05-14<br />
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。<br />
本文链接：https://blog.csdn.net/qq_41573234/article/details/80313714</div>
明华