基于jquery的获取mouse坐标插件的实现代码
2023-06-13 09:14:17 时间
/*
*Copyright(c)2010刘建华
*
*Theabovecopyrightnoticeshallbe
*includedinallcopiesorsubstantialportionsoftheSoftware.
*Example:
<divstyle="height:1000px">demo</div>
<divid="demo"style="height:50px;background:purple;width:50px;z-index:999999;position:absolute;left:-1000px;top:-1000px;">demo</div>
<scripttype="text/javascript">
varo=$(document);
o.mousemove(function(e){
vard=document.getElementById("demo");
d.style.left=($.mouse(e).left+5)+"px";
d.style.top=($.mouse(e).top+5)+"px";
});
</script>
*/
/*
*mousePluginforjQuery
*Version:1.0
*Release:2010-03-30
*/
(function($){
//MainMethod
jQuery.mouse=function(e){
varmouseleft=0;
varmousetop=0;
if(!($.browser.msie&&/MSIE\s(5\.5|6\.)/.test(navigator.userAgent)))
{
mouseleft=e.pageX;
mousetop=e.pageY;
}
else
{
var_top=document.compatMode=="CSS1Compat"?document.documentElement.scrollTop:document.body.scrollTop;
var_left=document.compatMode=="CSS1Compat"?document.documentElement.scrollLeft:document.body.scrollLeft;
mouseleft=_left+event.clientX;
mousetop=_top+event.clientY;
}
return{left:mouseleft,top:mousetop};
};
})(jQuery);
相关文章
- App-Folders:一个模拟 iOS 文件夹效果的 jQuery 插件
- 生成二维码的 jQuery 插件:jquery.qrcode.js
- 缓冲加载图片的 jQuery 插件 lazyload.js 使用方法详解
- Jquery实现超酷的日程安排插件详解编程语言
- jQuery Timers 定时插件使用详解编程语言
- jQuery事件详解编程语言
- jQuery延迟加载(懒加载)插件 – jquery.lazyload.js详解编程语言
- jquery插件jbox使用iframe关闭问题
- jquery.lazyload实现图片延迟加载jquery插件
- jquery插件实现图片延迟加载效果代码
- Jquery替换已存在于element上的event的方法
- 小试JQuery的AutoComplete插件
- 基于jQuery的倒计时插件代码
- 基于jquery的lazyloader插件实现图片的延迟加载[简单使用]
- 一款Jquery分页插件的改造方法(服务器端分页)
- jQuery图片播放8款精美插件分享
- 自定义jQuery选项卡插件实例
- JQuery中关于jquery.js与jquery.min.js的比较探讨
- Jquery使用FirefoxFireBug插件调试Ajax步骤讲解
- jquery图片轮播插件仿支付宝2013版全屏图片幻灯片
- jquery分页插件jpaginate在IE中不兼容问题
- Jquery图片延迟加载插件jquery.lazyload.js的使用方法
- web前端设计师们常用的jQuery特效插件汇总
- 超级简单的jquery操作表格方法
- 在浏览器中实现图片粘贴的jQuery插件--pasteimg使用指南