跑马灯代码（html跑马灯/走马灯效果）

字幕代码(html字幕/马戏团效果)

有许多方法可以实现ticker，其中最简单的是使用Html代码。我们在需要出现滚动条效果的地方插入一个“滚动文本”语句，其效果如下:

滚动文本

适当使用标签参数可以显示不同的效果。请看下面的例子:

1.来回跳动的心脏跳动器。

来玩跑马灯吧！实现的方法就是在IE的标签上多加几个参数，产生更丰富的变化。设置behavior=alternate表示双向移动，direction= left表示移动方向为左。marquee的宽度可以使用绝对像素值，比如width=200，限制了marquee的滚动范围。需要注意的是，这种效果在网景下是看不到的。

粘贴源代码框:

来玩跑马灯吧！

2.快速跳动的心脏

快跑，ticker！只需在标签后加上“scrollamount=15”，修改=后的数值参数，限制文字移动的速度。

3.带超链接的跑马灯

一个带超链接的跑马灯！我可以试试吗？还有一个！我可以试试吗？实现方法很简单，在超链接中包含整个语句即可。你可以清楚地看到下面的代码。当然，您也可以向中包含的每个内容添加不同的链接，这样ticker就可以用于发布滚动新闻或进行站点导航。

如果想给跑马灯的字符加颜色，用不同的字体(默认是宋体，改字符需要代码)，加在字符前就行了。可以在“face=”后更改自己喜欢的字体，在“color=”后更改自己喜欢的文字颜色，在“size=”后更改合适的字体大小。如果你想让字体加粗，就加。

请看效果:带超链接的跑马灯！我可以试试吗？还有一个！我可以试试吗？以上效果的代码代码如下:

一个带超链接的跑马灯！我可以试试吗？

上面的例子是标签参数的应用。下表列出了所有可用的参数，供您参考。不过还是要提醒一下，标签只有IE支持，网景浏览器看不到。

参数用法介绍行为=滚动、滑动、赛马交替方式:循环往复，只跑一圈就停下来，来回移动方向=左、右。赛马方向:从左到右，从右到左循环=100次赛马:循环100次。如果不写，默认情况下总是循环宽度=100%。Height=200竞速范围:宽度为100%，高度为200像素scrollamount=20竞速:数字越大越快scrolldelay=500竞速延迟:毫秒，可用于实现跑马场区域与其他区域之间的跳跃滚动hspace=20，Vspace=20 空白色大小bgcolor=#00FFCC跑马场区域的背景色face = italics _ GB 2312 ticker font color = # ff 000 ticker font color size = 3 ticker font size strong ticker

大家可以看到，虽然参数很多，但毕竟无法实现复杂的、定制化的特殊ticker效果，而且有浏览器限制，所以我们会更多的使用JavaScript来实现ticker。

Tags： 标签1 标签2

文章版权声明：除非注明，否则均为供水知识-GONGSHUI.CC原创文章，转载或复制请以超链接形式并注明出处。