鼠标如何实现自动上下翻页的效果

   就拿一篇小说的网页来说,你先打开网页,然后在页面上按住鼠标中间滚轮键,现在大家的鼠标都是有中间滚轮键吧。那没有鼠标滚轮键的鼠标在市场上都已经绝版了。按下滚轮键之后,就会出现一个图标按钮。如下图所示:


  出现这个画圈图标按钮然后你不需要点击鼠标,只需要拖动鼠标就能实现往上移和往下移动的效果,按下鼠标左键或右键或键盘上的任意键即可停止滚动。当然你在点击移动图标按钮的时候,只需要向下移动一点点,这样你不需要动鼠标就能实现往下移动网页的效果。你鼠标图标离画圈处的图标越远,滚动速度越快,反之,则越慢。

  其实就是这样简单,另外如果在分享给大家,如果你是鼠标没动,网页就出现滚动的情况,那么就是你按下了鼠标滚轮键导致的。这也是很多新手网友忽略的一个细节问题。那么你现在就尝试下鼠标自动往下翻和往上翻的效果。

时间: 2025-01-21 01:42:52

鼠标如何实现自动上下翻页的效果的相关文章

js+css实现上下翻页相册代码分享_javascript技巧

 这是一款基于js+css实现上下翻页相册特效代码,相册可以从上下两个方向进行切换,是一款非常实用的幻灯片特效源码.  先为大家展示效果图: 效果演示 源码下载 为大家分享的jQuery幻灯片带缩略图轮播代码如下 <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>js+css实现上下翻页相册</title>

wordpress利用键盘左右键实现上下翻页

下面是代码:  代码如下 复制代码 document.onkeydown = chang_page; function chang_page(e) {     var e = e || event,     keycode = e.which || e.keyCode;     if (keycode == 37 || keycode == 33)         location = "<?php echo get_permalink(get_adjacent_post(false, '

js鼠标悬停在图片上显示文字提示效果

第一幅 好久不见的向日葵 第二幅 纯手工雕刻的哦 第三幅 小桥流水人家 第四幅 又一幅小桥流水人家 第五幅 游民咖啡店 第六幅 动物世界

返回上一页并自动刷新的JavaScript代码

 返回上一页并自动刷新,JavaScript一般的使用history.go(-1)和history.back()等,需要的朋友可以参考下 用JavaScript一般的使用history.go(-1)和history.back()等    但返回的是页面还是缓存中的数据,更新的数据不能马上呈现出来    这里只要使用一句简单的一条javascript语句就能实行,返回上一页并刷新页面   代码如下: location.href = document.referrer;//重新载入上一页     

javascript-meta中的refresh返回上一页,我想让它自动跳转到上一页,表单中的数据还保留

问题描述 meta中的refresh返回上一页,我想让它自动跳转到上一页,表单中的数据还保留 我在head中添加了这样一句话,为什么还是不行? 整个head如下所示: Bootstrap Admin <!-- Demo page code --> <meta http-equiv="refresh" content="2; url=javascript:window.history.go(-1);"> 解决方案 自动跳转上/下一页的脚本---

要求 图片循环滚动 左右控制,鼠标指针放到图片上显示该图片的名称,下面代码在ie8下正常显示,但在ie6 ie7下显示不正常

问题描述 要求图片循环滚动左右控制,鼠标指针放到图片上显示该图片的名称,下面代码在ie8下正常显示,但在ie6ie7下显示不正常!请各位大侠帮下小弟!另发现在ie8下第一遍图片滚动完毕后第二遍图片下面没有显示文字<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlx

ja vasc ript 返回上一页及刷新页面的实现方法

  1. ja vasc ript 返回上一页history.go(-1), 返回两个页面: history.go(-2); 2. history.back(). 3. window.history.forward()返回下一页 4. window.history.go(返回第几页,也可以使用访问过的URL) 例: [代码]xm l代码: <a href="ja vasc ript:history.go(-1);">向上一页</a> response.Write

js返回上一页并刷新的多种实现方法

 这篇文章主要介绍了js返回上一页并刷新的几种方法,需要的朋友可以参考下 <a href="javascript:history.go(-1)">返回上一页</a>  <a href="javascript:location.reload()">刷新当前页面</a>  <a href="javascript:" onclick="history.go(-2); ">返

easyui 分页查询 点击下一页的时候怎么把上一页多选框勾选的多选框清空

问题描述 easyui 分页查询 点击下一页的时候怎么把上一页多选框勾选的多选框清空 var columns = [[ { field:'ck',checkbox:true }, {field:'productcode',title:'商品代码',width:70,align:'left',sortable:true}, {field:'productdesc',title:'商品名称',width:70,align:'left',sortable:true}, {field:'barcode'