让网页自动滚屏[1]|中文方案文档站(提供各类方案下载,WORD文档下载,范文,案例等)

让网页自动滚屏

陈莎

网页自动滚屏分为页面中的滚动字幕和整个网页自动滚动，页面中的滚动字幕可以用在网页“公告版”或“最新新闻”等信息的发布，而整个网页自动滚动适合用户浏览一篇长达数十页的网文，免去了用户手动翻页的麻烦。下面介绍这两种技术的实现方法：

一、页面中某块文字滚动

这种方法是巧妙地利用html语言提供的标题元素<marquee>...</marquee>来实现活动字幕效果。

该标记语法格式如下：

<marquee

aligh=left|center|right|top|bottom

bgcolor=#n

direction=left|right|up|down

behavior=type

height＝n

hspace＝n

scrollamount=n

scrolldelay=n

width=n

vspace=n

loop＝n>

可以看出由于活动字幕的显示方式多种多样，可选的参数也很多。下面解释一下各参数的含义：

align：是设定活动字幕的位置，居左、居中、居右、靠上和靠下三种位置。

bgcolor：用于设定活动字幕的背景颜色，一般是十六进制数。

direction：用于设定活动字幕的滚动方向是向左、向右、向上、向下。

behavior：用于设定滚动的方式，主要由三种方式："scroll"、"slide"和"alternate"。

height：用于设定滚动字幕的高度。

width：则设定滚动字幕的宽度。

hspace和vspace：分别用于设定滚动字幕的左右边框和上下边框的宽度。

scrollamount：用于设定活动字幕的滚动距离。

scrolldelay：用于设定滚动两次之间的延迟时间。

loop：用于设定滚动的次数，当loop=-1表示一直滚动下去，直到页面更新。

实现的源代码如下：

<html>

<body>

<tbody>

<tr>

<marquee direction=up height=156 onmouseout=this.scrollamount=1 onmouseover=this.scrollamount=0

scrollamount=1 scrolldelay=20 scrollleft="0" scrolltop="0">

滚动字幕字幕内容第一行<br>

滚动字幕字幕内容第二行<br>

让网页自动滚屏[1]