神马文学网跑马灯代码 大全
来源：百度文库 编辑：神马文学网 时间：2024/04/28 14:53:33
适当的运用
1、左右弹来弹去的跑马灯
实现的方法就是在IE的标签上稍微多加了几个参数产生了更加丰富的变化。设置behavior=alternate表示双向移动，direction= left表示运动方向向左。marquee的宽度可以使用绝对象素值，例如width=200等这个值限定了跑马灯滚动的范围。需要说明的是该效果在 Netscape下是看不到的。
源码粘贴框：
２、跑的很快的跑马灯
只要在
３、带有超级链接的跑马灯
实现的方法很简单，把整个语句包含在超链接中就行，你看看下面的代码就清楚了。当然你也可以把包含在中的各条内容分别加上不同的链接，这样的跑马灯就可用来发布滚动新闻或是做站点导航了。 请看一下效果： 上面效果的代码码如下：
如果你想给跑马灯的文字加上颜色，换用不同的字体（默认是宋体，换体就要加代码），只要在文字前加上就行了，你可在“face=”后边换上你喜欢的字体，在“color=”后边换上你喜欢的字颜色，在“size=”后边换上适合的字号，如果想让字体加粗，就再加上。
以上几个例子都是
参数 用法介绍 behavior=scroll, slide, alternate 跑马方式：循环绕行，只跑一次就停住，来回往复运动 direction=left,right 跑马方向：从左向右，从右向左 loop=100 跑马次数：循环100次，如不写默认为一直循环 width=100%,height=200 跑马范围：宽为100%，高为200像素 scrollamount=20 跑马速度：数越大越快 scrolldelay=500 跑马延时：毫秒数，利用它可实现跃进式滚动 hspace=20，vspace=20 跑马区域与其它区域间的空白大小 bgcolor=#00FFCC 跑马区域的背景颜色 face=楷体_GB2312 跑马灯文字字体 color=#ff0000 跑马灯文字颜色 size=3 跑马灯文字字号 STRONG 跑马灯文字加粗你已经看到，尽管
较复杂的跑马灯这里向你介绍几个用JavaScript实现的较复杂的跑马灯，你只须把源码粘贴框中的代码按照说明复制的指定的位置就能看到跑马灯的效果。
1、状态栏中的跑马灯
在默认状态下浏览器的状态栏中显示的是链接指向信息，给人的感觉很单调。如果我们把问候语或是站点的介绍放在状态栏中滚动显示，一定能取得很好的效果。
源码粘贴框：
1、 将以下代码放在与之间： 2、在标签内加入onload 语句：
实现步骤:
(1)首先将JavaScript代码复制到与之间，这段代码中包含了scroll()函数，它 是实现跑马灯的主体代码。我们可以修改mes[]数组的值来改变跑马灯的内容，你也可以显示更多条的信息，不过代码中i的值应等于信息的条数，也就是等于 mes[]数组的维数；
(2)然后在标签中加入onload()语句即可。
2、超链接的跑马灯式提示信息
把你的“老鼠”移到下面链接上试一试，有什么不同呢？原来弹出了一条跑马灯式的提示信息，这是怎么实现的呢，请接着看：
源码粘贴框：
1. 将下面代码放在标签下： 2.然后在要出现提示信息的链接中，添加onMouseover语句： 跑马灯大全(一) 电脑交互教程 网页制作技巧技巧
实现步骤：
(1)先在标签下面插入一段JavaScript代码；
(2)然后在需要实现跑马灯式提示信息效果的超链接中加入Onmouseover和Onmouseout语句。