跑马灯效果的两种实现

一/ JS 实现:

1、将以下代码放在与之间:

2、在标签内加入onload 语句:

--------------------------------------------------------------------------------------

二:超链接的跑马灯式提示信息

1.将下面代码放在标签下:

2.然后在要出现提示信息的链接中,添加onMouseover语句:

跑马灯大全(一)
电脑交互教程
网页制作技巧技巧

三/ marquee实现

以上几个例子都是标签参数的应用,下面把所有可以利用的参数列在表中供你参考,不过还是要提醒你,标签只被IE所支持,使用Netscape浏览器是看不到的噢。

参数 用法介绍
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 跑马区域的背景颜色

  你已经看到,尽管参数不少,单毕竟不能实现复杂的和自定义的特殊跑马灯效果,而且还有浏览器限制,所以我们更多情况下会采用JavaScript来实现跑马灯,那就是我们下一个技巧的内容。

你可能感兴趣的:(DotNet)