用鼠标和按钮控制网页指定内容的上下滚动

最新推荐文章于 2022-11-12 14:56:24 发布
最新推荐文章于 2022-11-12 14:56:24 发布
阅读量744 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qiu512300471/article/details/17245615
版权
<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 οnmοusedοwn="scroll(-3)" οnmοuseοver="scroll(-3)" style="CURSOR: hand" οnmοuseοut="scroll(0)" border="0" src="/jscss/demoimg/200905/arrow_up.gif" title="按下鼠标速度会更快"></td>
                </tr>
                <tr>
                    <td height="25">　</td>
                </tr>
                <tr>
                    <td>
                    <img οnmοusedοwn="scroll(3)" οnmοuseοver="scroll(3)" style="CURSOR: hand" οnmοuseοut="scroll(0)" border="0" src="/jscss/demoimg/200905/arrow_down.gif" title="鼠标放这里开始滚动"></td>
                </tr>
                <tr>
                <td>　</td>
                </tr>
            </table>
            </td>
            </div>
        </tr>
    </table>
</div>
</body>
</html>
qiu512300471
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
C# windows datagridview表格行上下拖动示例
03-29
C# windows datagridview表格行上下拖动示例 一个简单的示例代码 具体可以根据需求自行修改
html 上下按钮,js实现带按钮的上下滚动效果
weixin_29468281的博客
06-20 404
本文实例讲述了js实现带按钮的上下滚动效果。分享给大家供大家参考。具体实现方法如下：/p>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">js带按钮上下滚动效果ul{margin:0;padding:0;list-style:none;height:100000px;}li{margin:0;padding:0;wid...
JS实现用键盘上下左右键移动页面的div进行移动，并且不能移出页面
Lou__Lan的博客
11-12 591
JS实现用键盘上下左右键移动页面的div进行移动，并且不能移出页面。
JQUERY文字滚动
蓝山咖啡
04-20 96
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;
javascript网页特效实例大全（8-12）
10-28
实例302　利用CSS样式打印页面中的指定内容　478 实例303　利用CSS样式分页打印　479 11.5　套打邮寄产品单　482 实例304　打印汇款单　482 实例305　打印快递单　484 实例306　打印信封　485 第12章　网站安全　489...
JavaScript网页特效范例宝典源码
09-04
实例157 文字上下滚动 243 5.6 文字立体效果 244 实例158 文字的旋转 244 实例159 立体旋转文字 246 实例160 文字3D效果 248 5.7 文字动画效果 249 实例161 反弹文字 249 实例162 飞舞的文字 252 实例163 飞翔的文字...
网页常用的jsp脚本
05-18
1.文本框焦点问题.2网页按钮的特殊颜色3.鼠标移入移出时颜色变化4.平面按钮5....使文字上下滚动9.状态栏显示该页状态 可以在鼠标移到文字上时就触发事件 传递该object的form 连接数据库 向文件中写内容 等
按钮控制菜单上下滚动
文字的博客
04-14 800
        前两天学习了定时器，为了更好地理解，做了几个关于它的小练习。这个练习本来觉得很容易，但是花的调试时间最久，主要的问题就出在高度值的获取上，还有滚动对象的确定。我是利用top值的变化来实现滚动的功能，向上滚动top减小，向下滚动top值增加。获取页面当前的top值通过封装函数实现：实现top值的变化是通过定时器，定时器所需函数主要是实现相同时间间隔内top变化固定的值：需要注意的是z...
实现鼠标滚动一下页面就上下翻一页的效果
博客不一定要自己做
02-08 2万+
Document *{ margin: 0; padding: 0; } html,body{ width: 100%; height: 100%; } .page{ height: 100%; width: 100%; font-size: 126px; display: -webkit-box; /*Safari
html鼠标点击事件代码,HTML onmousedown事件用法及代码示例
weixin_42522626的博客
06-04 2783
按下元素上方的鼠标按钮时，将发生HTML DOM onmousedown事件。左键单击的相关事件：onmousedownonmouseuponclick右键单击的相关事件：onmousedownonmouseuponcontextmenu用法:在HTML中：在JavaScript中：object.onmousedown = function(){myScript};在JavaScript中，使用a...
html鼠标滚动实现页面切换,实现鼠标滚动一下页面就上下翻一页的效果
weixin_36064196的博客
06-10 4632
Document*{margin: 0;padding: 0;}html,body{width: 100%;height: 100%;}.page{height: 100%;width: 100%;font-size: 126px;display: -webkit-box; /*Safari*/display: -moz-box; /*Firefox*/display: -ms-flexbox; ...
JS按钮控制内容上下滚动
波克比的前端CSDN博客
12-05 2096
CSS代码： *{ padding: 0; margin: 0;} li{ list-style: none;} a{ text-decoration: none; color: #333;} a:hover{ color: #f00;} .center{ text-align: center; margin-top: 20px; font-family: "Microsoft Yahe
js实现网页全屏切换（平滑过渡），鼠标滚动切换
热门推荐
liona_koukou的博客
09-27 3万+
实现效果为页面平滑过渡全屏切换，点击导航和鼠标滚动都可以切换。 效果图： 代码：   &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;met
js实现判断鼠标滚轮的上下滚动
kingbow的博客
08-01 2499
<script type="text/javascript"> var scrollFunc = function (e) { e = e || window.event; if (e.wheelDelta) { //判断浏览器IE，谷歌滑轮事件 if (e.wheelD...
在vue中如何实现使用鼠标控制页面上下滑动
最新发布
07-07
在Vue中实现使用鼠标控制页面上下滑动，你可以通过添加滚动事件监听和设置页面滚动位置来实现。以下是一个示例： ```html <!-- 页面内容 --> export default { methods: { handleScroll(event) { // ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值