让网页自动滚屏（转载） - Dreamweaver及网页制作

» 互动论坛 » Dreamweaver及网页制作 » 让网页自动滚屏（转载）

跳转到：

每页显示15条 1/1 << <1 >>

主题: 让网页自动滚屏（转载）

nivalbaby
职务：普通成员
等级：1
金币：0.0
发贴：17
注册：2001/12/17 15:57:15

引用

#12001/12/18 12:38:35

让网页自动滚屏

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

一、页面中某块文字滚动
这种方法是巧妙地利用HTML语言提供的标题元素...来实现活动字幕效果。
该标记语法格式如下：
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表示一直滚动下去，直到页面更新。
实现的源代码如下：

scrollAmount=1 scrolldelay=20 scrollleft="0" scrolltop="0">
滚动字幕字幕内容第一行

滚动字幕字幕内容第二行

滚动字幕字幕内容第三行

...


当鼠标移到marquee区域，触发onmouseover事件，滚屏暂停。
当鼠标移出marquee区域，触发onmouseout事件，滚屏继续。

二、整个网页自动滚动
使用一段javascript代码，调用scroll函数，即可实现此功能。
实现方法：
把下面代码copy入你html文件的和中即可：


把你html文件的部分改为如下设置：

说明：可通过改动locate的数值来控制显示页面的长度（原代码中为locate!=400)。将“setTimeout("autoscroll()",3);”中的“3”改为其它的数字可控制速度。
实现网页内容的滚屏还有许多其他的方法，诸如使用“图层（LAYER）”结合javascript等技术，可以让滚屏更灵活、平滑，读者可以自己试验，或许还会找出更方便有效的方法

5D荣誉斑竹
职务：普通成员
等级：5
金币：10.0
发贴：3292
注册：2001/5/24 10:01:29