Jquery 获取鼠标位置坐标


//同样,文章也是转载的,也不知道下面两个函数是什么来的。晕~

var divoffset = 10;    //显示层离鼠标的距离

        $(document).ready(function(){
                var tooltip = $("#tooltip");//获取显示层

                var toolContent = $("#toolContent");//获取显示内容层

                $('#thumbs > li').bind('mouseover',function(e){//查找a对象,并给对象创建onmouseover事件--这里可以替换成其他的如:div($('div').bind()),ul下的 li $('ul > li').bind()
                    Mouse(e);//计算显示层的位置
                    toolContent.html("<li>显示内容</li>");//显示内容--PS:自己改成动态获取
                    tooltip.css({ top: toppos ,left: leftpos  });//给显示层定义CSS--当前计算出的位置
                    tooltip.stopAll().pause(300).fadeTo(200,1);//显示效果
                }).bind('mousemove',function(e){//给对象创建mousemove事件
                    Mouse(e);//计算显示层的位置
                    tooltip.css({ top: toppos ,left: leftpos  });//给显示层定义CSS--当前计算出的位置--随时改变位置
                }).bind('mouseout',function(){//给对象创建mouseout事件
                    tooltip.stopAll().fadeTo(500,0, function(){$(this).hide();});//隐藏效果
                });
        });

        //计算坐标函数
        var Mouse = function(e){
            mouse = new MouseEvent(e);
            leftpos = mouse.x + divoffset;
            toppos = mouse.y + divoffset;
        }
        //获取鼠标坐标函数
        var MouseEvent = function(e) {
            this.x = e.pageX
            this.y = e.pageY
        }


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM