不同于走马灯滚动,这一特效可以指定网页中任何一个区块进行滚动,并有简单的控制按钮,鼠标放上于按下鼠标有不同的滚动速度,类似文本框的滚动效果。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>用鼠标和按钮控制网页指定内容的上下滚动</title>
</head>
<body>
<div align="center">
<table border="0" width="565" cellpadding="0" style="border-collapse: collapse" id="table1">
<tr>
<script language="JavaScript">
function scroll(n)
{temp=n;
News.scrollTop=News.scrollTop+temp;
if (temp==0) return;
setTimeout("scroll(temp)",20);
}
</script>
<td width="58%" valign="top">
<div id="News" style="border:0px dashed; OVERFLOW: hidden; WIDTH: 420px; HEIGHT: 65px">
<div align="center">
<table border="0" width="100%" cellpadding="0" style="border-collapse: collapse" id="table31">
<tr>
<td>EXCMS 功能强大,共享开源,可以承载千万数据级的人性化内容管理系统,内容HTML生成速度最快,软件人性化程度最高的内容管理系统,是高端用户(门户网站,大型企业网站)的首选的内容管理系统。EXCMS是模块化设计系统,内置模块,插件管理,能够支持安装用户自主开发的第三方模块和插件。 
Delphi提出的MIDAS(Multi-Tier distributed Application Services Suite多层分布式应用服务器组),是把原来Two- Tier数据连接放到了服务器端的COM组件上,客户端只剩下了执行文件和MIDAS.DLL,前台和服务器上的COM组件,通过DCOM机制互相沟通。。
</td>
</tr>
</table>
</div>
</div>
	</td>
		<td width="2%" valign="top">
	<table border="0" width="100%" cellpadding="0" style="border-collapse: collapse" id="table11">
			<tr>
				<td>
				<img onmousedown="scroll(-3)" onmouseover="scroll(-3)" style="CURSOR: hand" onmouseout="scroll(0)" border="0" src="/6/2014-01-09/arrow_up.gif" title="按下鼠标速度会更快"></td>
				</tr>
				<tr>
					<td height="25"> </td>
				</tr>
				<tr>
					<td>
					<img onmousedown="scroll(3)" onmouseover="scroll(3)" style="CURSOR: hand" onmouseout="scroll(0)" border="0" src="/6/2014-01-09/arrow_down.gif" title="鼠标放这里开始滚动"></td>
				</tr>
				<tr>
				<td> </td>
				</tr>
			</table>
			</td>
			</div>
		</tr>
	</table>
</div>
</body>
</html>
CopyRight © 酷8网 www.ku8wang.com