网页制作左右弹来弹去的跑马灯
添加时间:2010-5-28 11:16:31             【字体大小】

代码中document.write()的意思是在页面上写出括号内设定的内容,现在我们采用“document.lastModified”得到文件最后更新时间,并把它显示出来。灵活运用“document.write()”语句,我们还能在页面上输出其它内容,比如说当前的时间、日期、用户信息等,大家可以去试一试。 

欢迎你接着看下面的技巧
 

23.跑马灯大全(一)

 

  实现跑马灯的方法很多,其中最简单的是采用一句Html代码来实现,我们在需要出现跑马灯效果的地方插入“<marquee>滚动的文字</marquee>”语句,它的效果如下所示:

滚动的文字

  适当的运用<marquee>标签的参数,可以表现出不同的效果,请看下面的几个例子:

  1、网页制作左右弹来弹去的跑马灯

弹来弹去跑马灯!

  实现的方法就是在IE的标签上稍微多加了几个参数产生了更加丰富的变化。设置behavior=alternate表示双向移动,direction=left表示运动方向向左。marquee的宽度可以使用绝对象素值,例如width=200等这个值限定了跑马灯滚动的范围。需要说明的是该效果在Netscape下是看不到的。

  源码粘贴框:

<marquee width=400 behavior=alternate direction=left align=middle border=1>弹来弹去跑马灯!</marquee>

  2、跑的很快的跑马灯

跑的很快跑马灯! 

  只要在<marquee>标签内加上“scrollamount=30”参数即可。

  3、带有超级链接的跑马灯

带有超链接的跑马灯!点我试试?          还有一条呢!点我试试? 

  其实实现的方法很简单,把整个<marquee></marquee>语句包含在超链接中就行,你看看下面的代码就清楚了。当然你也可以把包含在<marquee></marquee>中的各条内容分别加上不同的链接,这样的跑马灯用来发布滚动新闻或是做站点导航再合适不过了。

  源码粘贴框:

<marquee width=90%><a href="http://www.hongen.com/default.htm" target=_blank>带有超链接的跑马灯!点我试试?</a>          <a href="http://www.hongen.com/pc/index.htm" target=_blank>还有一条呢!点我试试?</a></marquee>

  以上几个例子都是<marquee>标签参数的应用,下面把所有可以利用的参数列在表中供你参考,不过还是要提醒你,<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 跑马区域的背景颜色


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





北京易神州网络技术有限公司 知名网站建设网站设计网站制作首选
电话:010-51290809 传真:010-51290809转8002
地址:北京市东三环中路9号富尔大厦18层
copyright 2004-2009 yishenzhou.com , all rights reserved
版权所有:北京易神州网络技术有限公司 京ICP备06029384号 (未经授权禁止抄袭或冒用,违者必究)