让网页自动滚屏[2]

[入库:2005年8月18日] [更新:2007年3月25日]

本文简介:选择自 ibreathe 的 blog

滚动字幕字幕内容第三行<br>
...<br>
</marquee>
</td>
</tr>
</table>
</div>
</body>
</html>
当鼠标移到marquee区域,触发onmouseover事件,滚屏暂停。
当鼠标移出marquee区域,触发onmouseout事件,滚屏继续。
二、整个网页自动滚动
使用一段javascript代码,调用scroll函数,即可实现此功能。
实现方法:
把下面代码copy入你html文件的<head>和</head>中即可:
<script>
<!--
locate = 0;
function autoscroll()
{if (locate !=400 )
{locate++;scroll(0,locate);
cleartimeout(timer);
var timer = settimeout("autoscroll()",3);timer;}
}
-->
</script>
把你html文件的<body>部分改为如下设置:
<body onload="autoscroll()" >
说明:可通过改动locate的数值来控制显示页面的长度(原代码中为locate!=400)。将“settimeout("autoscroll()",3);”中的“3”改为其它的数字可控制速度。
实现网页内容的滚屏还有许多其他的方法,诸如使用“图层(layer)”结合javascript等技术,可以让滚屏更灵活、平滑,读者可以自己试验,或许还会找出更方便有效的方法

本文关键:网页、滚屏
 

本站最佳浏览方式为 分辨率 1024x768 IE 6.0(或更高版本的 IE浏览器)

go top