- 3/5
- 1
- 2
- 3
- 4
- 5
织梦DedeCMS视频教程买空间 租服务器 选网硕互联！ 无忧站长工具,百度权重一键全查!
不同于走马灯滚动，这一特效可以指定网页中任何一个区块进行滚动，并有简单的控制按钮，鼠标放上于按下鼠标有不同的滚动速度，类似文本框的滚动效果。
<html> <head> <meta http-equiv="Content-Type" mrc="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> 模板无忧（mb5u.com）提供各类网页模板、视频教程、JavaScript/CSS特效代码以及常用软件下载等，做有质量的学习型源码下载站。模板无忧（mb5u.com）提供各类网页模板、视频教程、JavaScript/CSS特效代码以及常用软件下载等，做有质量的学习型源码下载站。模板无忧（mb5u.com）提供各类网页模板、视频教程、JavaScript/CSS特效代码以及常用软件下载等，做有质量的学习型源码下载站。 </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="http:///jscss/demo.gif" width="16" height="16" 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="http:///jscss/demo.gif" width="16" height="16" title="鼠标放这里开始滚动"></td> </tr> <tr> <td> </td> </tr> </table> </td> </div> </tr> </table> </div> </body> </html>