Jquery 获取鼠标位置坐标

2019-01-26 19:43

var divoffset = 10; //显示层离鼠标的距离 $(document).ready(function(){

var tooltip = $(\获取显示层

var toolContent = $(\获取显示内容层

$('#thumbs > li').bind('mouseover',function(e){//查找a对象,并给对象创建onmouseover事件--这里可以替换成其他的如:div($('div').bind()),ul下的 li $('ul > li').bind()

Mouse(e);//计算显示层的位置

toolContent.html(\显示内容\显示内容--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 }


Jquery 获取鼠标位置坐标.doc 将本文的Word文档下载到电脑 下载失败或者文档不完整,请联系客服人员解决!

下一篇:电力安全生产工作条例

相关阅读
本类排行
× 注册会员免费下载(下载后可以自由复制和排版)

马上注册会员

注:下载文档有可能“只有目录或者内容不全”等情况,请下载之前注意辨别,如果您已付费且无法下载或内容有问题,请联系我们协助你处理。
微信: QQ: