注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

88AVI-WEBZONE8-天空网

是金子总要发光的,但是当满地都是金子的时候,我自己也不知道自己是哪颗了

 
 
 

日志

 
 
关于我

两个人交谈,一个人可以洗耳恭听。但是,三个人则无法互谈这人世最严肃而应深究的事。 我们应该注意自己不用语言去伤害别的同志,但是,当别人用语言来伤害自己的时候,也应该受得起。 要对别人隐瞒我们知识的局限,最可靠的方法就是不要越过那界限。 不登高山,不知天之高也,不临深溪,不知地之厚也。 不飞则已,一飞冲天,不鸣则已,一鸣惊人!!!!!

网易考拉推荐

Jquery 获取鼠标位置坐标  

2009-10-19 14:59:32|  分类: js |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

        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
        }

  评论这张
 
阅读(12866)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017