`
Tecna
  • 浏览: 37879 次
社区版块
存档分类
最新评论

鼠标中间的滑动控制

 
阅读更多

MouseWheel.js的代码如下:

var MouseWheel_Count=0;
function MouseWheel$handle(delta){
    MouseWheel_Count++;
    if(MouseWheel_Count>1)   return;
    if (delta < 0) //小于0向下滚动,大于0向上滚动
       //        alert("向下滚动");
    else 
       //        alert("向上滚动");
    setTimeout("MouseWheel$CountMinus();",500);
}
  
function MouseWheel$CountMinus()
{
    MouseWheel_Count=0;
}
  
/** 事件句柄
 */
function MouseWheel$wheel(event){
    var delta = 0;
    if (!event) /* For IE. */ 
        event = window.event;
    if (event.wheelDelta) { /* IE或者Opera. */
            delta = event.wheelDelta/120;
//        delta = event.wheelDelta;
        /** 在Opera9中,事件处理不同于IE
         */
        if (window.opera) 
            delta = -delta;
    }
    else 
        if (event.detail) { /** 兼容Mozilla. */
            /** In Mozilla, sign of delta is different than in IE.
         * Also, delta is multiple of 3.
         */
            delta = -event.detail / 3;
        }
    /** 如果 增量不等于0则触发
     * 主要功能为测试滚轮向上滚或者是向下
     */
    if (delta) 
        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控制图层的伸缩滑动效果源代码

    内容索引:脚本资源,jQuery,滑动门 利用jQuery控制图层的伸缩滑动效果源代码,类似滑动门一样,鼠标让到中间的按钮上,图层会向右慢慢展开,鼠标移走则恢复原位,可以广泛应用到产品介绍的页面中,展开用以显示产品...

    HTML5+CSS3实现的音量调节旋转按钮动态特效源码

    实现了点击图标中间的按钮后拖动就可以调节音量的效果,只要按住鼠标即可旋转按钮来调节音量。本段代码是英语所有网页使用,有兴趣的朋友们可以前来下载使用。

    TVRemote:Google TV远程客户端

    类似笔记本的触摸板,可通过滑动控制电视上的鼠标 多屏互动 目前客户端需要手机的硬件支持,因此只调用系统的设置。 一般手机都自带有无线显示功能,TV端的需要打开Miracast界面,并进行连接,即可将手机屏幕投影到...

    iOS中的UISlider滑块组件用法总结

    PC上的滑块是很丑陋的,因为我们只能通过鼠标去拖动他。不过当Jobs把它移植到IOS上时一切变得酷起来,因为我们可以通过手指去拖动它,这种感觉是很妙的。 滑块为用户提供了一种可见的做范围调整的方法,用户可以通过...

    cocos creator跑步游戏

    cocos creator开发的一块web跑步游戏,玩家需要用鼠标(手机上触摸)的方式来控制中间的小人左右滑动和上跳,来躲避障碍物,同时拾取星星获得积分。

    jquery图片图层展开收缩效果.rar

    jquery图片图层展开收缩效果,鼠标点击两个图片中间线条上的控制按钮,所在的图片区域会向右展开,再次点击则向左复位,也就是重新收回了,这种滑动的效果在jquery的优化下,非常的平滑流畅,用jquery实现这种效果...

    《程序天下:JavaScript实例自学手册》光盘源码

    12.2 鼠标控制窗口开关 12.3 使窗口只第一次访问时弹出 12.4 禁止弹出警告框 12.5 关闭窗口不提示的方法 12.6 关闭窗口时的提示 12.7 定时弹出窗口 12.8 调整窗口的大小 12.9 打开的窗口居中 12.10 打开窗口的等待...

    超炫酷精致的个人网站模板

    头部主要就是标题栏,尾部是页脚,中间就是主题内容。index.html主页:主要就利用js焦点滚动式轮播插入图片和文字自行进行翻页,其他主要利用div和css进行控制每一个内容框。利用链接跳转到相对应的内容上。可以根据...

    程序天下:JavaScript实例自学手册

    12.2 鼠标控制窗口开关 12.3 使窗口只第一次访问时弹出 12.4 禁止弹出警告框 12.5 关闭窗口不提示的方法 12.6 关闭窗口时的提示 12.7 定时弹出窗口 12.8 调整窗口的大小 12.9 打开的窗口居中 12.10 打开窗口的等待...

    siluet:https:youtu.beSwaw9ZhPef4

    在桌面上,通过单击屏幕中间以向前和向左,向右或向下移动屏幕以适当的方向,以自上而下的方式导航该区域。 或者,使用WASD或箭头键。 通过按G键或空格键切换到第一人称视角。 在此视图中,只需使用鼠标瞄准敌人并...

    网趣商城网站源文件

    商品展示页面同样如此,如鼠标指向热门商品,可依次滑动展示商品的图片及价格信息,商品介绍、其他说明与顾客评论则鼠标点后在对应选项卡上展示,商品的4个大图鼠标可指向小图,上面自动显示大图,十分漂亮。...

    网趣网上购物系统旗舰版 v15.3

    商品展示页面同样如此,如鼠标指向热门商品,可依次滑动展示商品的图片及价格信息,商品介绍、其他说明与顾客评论则鼠标点后在对应选项卡上展示,商品的4个大图鼠标可指向小图,上面自动显示大图,十分漂亮。...

Global site tag (gtag.js) - Google Analytics