当前页面位置: » 丰搜网 » 文档中心 » 详细内容
让网页自动滚屏
让网页自动滚屏 陈莎 网页自动滚屏分为页面中的滚动字幕和整个网页自动滚动，页面中的滚动字幕可以用在网页“公告版”或“最新新闻”等信息的发布，而整个网页自动滚动适合用户浏览一篇长达数十页的网文，免去了用户手动翻页的麻烦。下面介绍这两种技术的实现方法： |
| 这种方法是巧妙地利用html语言提供的标题元素<marquee>...</marquee>来实现活动字幕效果。 |
| aligh=leftcenterrighttopbottom |
| direction=leftrightupdown |
| 可以看出由于活动字幕的显示方式多种多样，可选的参数也很多。下面解释一下各参数的含义： |
| align：是设定活动字幕的位置，居左、居中、居右、靠上和靠下三种位置。 |
| bgcolor：用于设定活动字幕的背景颜色，一般是十六进制数。 |
| direction：用于设定活动字幕的滚动方向是向左、向右、向上、向下。 |
| behavior：用于设定滚动的方式，主要由三种方式："scroll"、"slide"和"alternate"。 |
| hspace和vspace：分别用于设定滚动字幕的左右边框和上下边框的宽度。 |
| scrollamount：用于设定活动字幕的滚动距离。 |
| scrolldelay：用于设定滚动两次之间的延迟时间。 |
| loop：用于设定滚动的次数，当loop=-1表示一直滚动下去，直到页面更新。 |
| <table border=0 cellpadding=0 cellspacing=0 height=157 width=320> |
| <td height=156 valign=top width=320> |
| <marquee direction=up height=156 onmouseout=this.scrollamount=1 onmouseover=this.scrollamount=0 |
| scrollamount=1 scrolldelay=20 scrollleft="0" scrolltop="0"> |
| 当鼠标移到marquee区域，触发onmouseover事件，滚屏暂停。 |
| 当鼠标移出marquee区域，触发onmouseout事件，滚屏继续。 |
| 把下面代码copy入你html文件的<head>和</head>中即可： |
| {locate++;scroll(0,locate); |
| var timer = settimeout("autoscroll()",3);timer;} |
