MouseWheel.js的代码如下:
function MouseWheel$handle(delta){
|
if (MouseWheel_Count>1) return ;
|
setTimeout( "MouseWheel$CountMinus();" ,500);
|
function MouseWheel$CountMinus()
|
function MouseWheel$wheel(event){
|
delta = event.wheelDelta/120;
|
delta = -event.detail / 3;
|
MouseWheel$handle(delta);
|
前台调用:
script type="text/javascript">
/**author:李伟鹏 date:2011-05-11
**鼠标中键滑动控制地图缩放
**/
/** 初始化 */
if (window.addEventListener)
/** Mozilla的基于DOM的滚轮事件 **/
window.addEventListener('DOMMouseScroll', MouseWheel$wheel, false);
/** IE/Opera. */
window.onmousewheel = document.onmousewheel = MouseWheel$wheel;
</script>
分享到:
相关推荐
jQuery鼠标滚轮控制页面滑动代码.zip
NULL 博文链接:https://heisetoufa.iteye.com/blog/814657
解锁原理:绝对定位块,鼠标按下时绑定移动、鼠标抬起事件,控制锁块移动,鼠标抬起时判断锁块的偏移坐标是否在范围内,并根据锁块当前坐标的偏移度决定锁块的移动(小于一半向左移,超过一半向右移) PS:块的移动...
1.3 在Web页面中使用JavaScript 5 1.3.1 HTML的基本结构 5 1.3.2 在HTML中嵌入JavaScript 7 1.3.3 链接JavaScript文件 9 1.4 编写JavaScript的工具 11 1.4.1 使用纯文本编辑器 11 1.4.2 使用专业化脚本编辑工具 13 ...
9.36 使用JavaScript向表格中写入数据 9.37 类C# GridView的编辑效果(一) 9.38 类C# GridView的编辑效果(二) 第10章 单选框和复选框 10.1 选择了哪一个单选框 10.2 单击文字实现单选框的选定 10.3 被选中的复选...
1.3 在web页面中使用JavaScript 1.3.1 HTML的基本结构 1.3.2 在HTML中嵌入JavaScript 1.3.3 链接JavaScript文件 1.4 编写JavaScript的工具 1.4.1 使用纯文本编辑器 1.4.2 使用专业化脚本编辑工具 ...
9.36 使用JavaScript向表格中写入数据 9.37 类C# GridView的编辑效果(一) 9.38 类C# GridView的编辑效果(二) 第10章 单选框和复选框 10.1 选择了哪一个单选框 10.2 单击文字实现单选框的选定 10.3 被选中的复选...
Js控制图片的滑动移动动画,在鼠标放在DIV上的时候,该DIV滑动展开,方向自定义,DIV中包括图片信息,演示中去掉了图片,不过已经实现了DIV 的滑动,只要在DIV中的对象都可以在JavaScript的作用下滑动展开。
主要介绍了JavaScript实现鼠标滚轮控制页面图片切换功能,涉及javascript事件响应及页面元素动态操作相关实现技巧,需要的朋友可以参考下
13.1.7 外部JavaScript文件中的不正确路径 385 13.1.8 消失的变量和函数 386 13.2 使用Firebug调试 387 13.2.1 安装并打开Firebug 387 13.2.2 用Firebug查看错误 388 13.2.3 使用console.log( )记录脚本过程 389 ...
JS+CSS+HTML实现选项卡切换功能 切换选项卡,两种切换方式,一种是单击切换选项,一种是鼠标滑动切换,通过参数来控制,切换
本文实例讲述了jQuery实现鼠标滑过链接控制图片的滑动展开与隐藏效果。分享给大家供大家参考,具体如下: 这里演示jQuery实现鼠标移动到链接上,滑动展开/隐藏图片效果,鼠标放在“上一页”“下一页”上,立即浮现出...
• 11.8.htm JavaScript实现事件控制器 • 11.9.htm 元素属性综合应用 • 11.10.htm 动态修改表单元素内容 第12章(\第12章) • 12.1.htm Document树的简单例子 • 12.2....
• 11.8.htm JavaScript实现事件控制器 • 11.9.htm 元素属性综合应用 • 11.10.htm 动态修改表单元素内容 第12章(\第12章) • 12.1.htm Document树的简单例子 • 12.2....
代码说明:本章代码只能在Mozilla Firefox中运行。 7.1.htm 事件流 7.2.htm DOM2鼠标事件 7.3.htm 取消默认动作 7.4.htm 创建DOM2事件 第8章(\cha08) 8.1.htm 页面...
网页Tab,滑动门、选项卡,含有多个样式,例如:滑动显示、点击显示、自动播放 手动控制。 选项卡功能和使用说明: 1、支持一个页面多次引用; 2、一次引用实现多次切换; 3、点击/滑过等切换方式自定义; ...
59. jQuery鼠标滑动图片显示标题与简介的滑动动感特效代码 60. jQuery鼠标移上小图显示大缩略图功能 61. js仿淘宝网鼠标经过缩略图放大图片效果的jQuery Fancy Hover Effect完整实例 62. Supersized jQuery全屏...
React图库转盘无依赖的React轮播组件,支持延迟加载,捏缩放,触摸滑动,鼠标拖动,速度检测,最大化,缩略图,键盘导航和可访问性。演示版现场演示尝试光标控制的轮播旋转木马由手指控制非最大化轮播轮播最大化灯塔...
用于控制输入数字类型文本框实现鼠标滚轮上下滑动改变值,支持正整数、小数类型输入文本。 兼容IE/Firefox/Opera/Safari/Chrom 可定义滚动变化间隔值,支持整数、浮点数 双击恢复初始值 仅3.92K,压缩后2.67K 代码 ...