求一段JS,该怎么处理

求一段JS
效果是这样的。比如页面上有很多用户的头像，移上去，弹出一个层，该层的位置就在头像的旁边，里面显示该用户的详细信息。移开就隐藏了。如果还不明白的话，就在你当前浏览的页面，你看到左边的头像没？移上去瞧瞧，就是这种效果。我自己也做了一个，是用onmousemove和onmouseover控制的，但是如果鼠标快速的移开，那个层不会隐藏，需要缓缓的移开，才能够隐藏。搞得很郁闷，希望哪位高人能够贴点源码上来，小弟不胜感激...

[解决办法]
CSDN中用他自己的JavaScript：showUserCard方法，类似的，在该方法中修改显示用户信息的DIV属性：display，以及更改出现的位置，加入一些图片美化下，貌似只用了一个方法onmouseover，LZ试试。
[解决办法]
用onmouseover和onmouseout试试
[解决办法]
如果用jQuery的话更简单，用hover事件就可以轻松解决，可以先看看jQuery API，查查hover的用法，我就是用这种实现鼠标划过背景变色的。
[解决办法]
今天G心情好，发一个你看看，

JScript code

function Description(o, strHtml) {        var obj = document.getElementById(o + "_temp");        if (!obj) {            var a = document.createElement("div");            with (a.style) {                background = '#f3f3f3';                border = '1px solid #ccc';                fontSize = '12px';                position = 'absolute';                lineHeight = "22px";                left = loc(o, "Left") + 60 + "px";                                top = loc(o, "Top") + o.offsetHeight - 22 + "px";                padding = "1px";                width = 'auto';                height = 'auto';                overflow = 'hidden';                display = "block";            }            a.id = o + '_temp';            document.body.appendChild(a);            a.innerHTML = strHtml;        }        else {            obj.style.display = "block";            obj.innerHTML = strHtml;        }        o.onmouseout = function(e) { clear(e, o + "_temp"); }            }    function loc(o, sProp) {        var i = 0;        while (o) {            i += o["offset" + sProp];            if (o.offsetParent) { if (o.offsetParent.style.position == "absolute") return i; }            o = o.offsetParent;        } return i;    }function clear(e, popid) { e = window.event || e; var s = e.relatedTarget || e.toElement; var pop = document.getElementById(popid); if (pop && s) { pop.style.display = (pop == s || s == pop.parentNode || s == s.parentNode) ? "block" : "none"; pop.onmouseover = function(e) { this.style.display = "block"; }; pop.onmouseout = function(e) { this.style.display = "none"; }; } }
[解决办法]
主要是布局问题,调整一下.不行就给周围的对象加上鼠标进入事件,在里面关闭这个弹出层.
[解决办法]
探讨
效果是这样的。比如页面上有很多用户的头像，移上去，弹出一个层，该层的位置就在头像的旁边，里面显示该用户的详细信息。移开就隐藏了。如果还不明白的话，就在你当前浏览的页面，你看到左边的头像没？移上去瞧瞧，就是这种效果。我自己也做了一个，是用onmousemove和onmouseover控制的，但是如果鼠标快速的移开，那个层不会隐藏，需要缓缓的移开，才能够隐藏。搞得很郁闷，希望哪位高人能够贴点源码上来，……

[解决办法]
我做的和你类似,可能和你的要求有些差距,我的是把鼠标移上去,访问数据库查询数据,然后把查询出来的数据写到一个隐藏的层中,然后在把隐藏的层显示出来.
//得到鼠标的当前位置
var mouseXPoint = event.clientX;
var mouseYPoint = event.clientY;
//给隐藏层赋值
           document.getElementById("lbusernamevalue").innerHTML = userinfo.data[0].UserName;
           document.getElementById("lbuseraddressvalue").innerHTML = userinfo.data[0].UserAddress;
           document.getElementById("lbusermobilevalue").innerHTML = userinfo.data[0].UserMobile;
           document.getElementById("lbusersexvalue").innerHTML = userinfo.data[0].UserSex;
           document.getElementById("lbuserbirthdayvalue").innerHTML = userinfo.data[0].UserBth; 
 
           showTip();//调用方法把层显示出来

function showTip() {
           var div3 = document.getElementById('div_userinfo'); //得到将要弹出的层  
           div3.style.display = "block"; //div3初始状态是不可见的，设置可为可见  
           //window.event代表事件状态，如事件发生的元素，键盘状态，鼠标位置和鼠标按钮状.  
           //clientX是鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。
           div3.style.left = mouseXPoint - 15; //鼠标目前在X轴上的位置，减是为了向左边移动15个px方便看到内容
           div3.style.top = mouseYPoint + 15;
           div3.style.position = "absolute"; //必须指定这个属性，否则div3层无法跟着鼠标动  
          
       }

这样就可以了  不过可能和你要求的有些差距,供参考
[解决办法]
但是如果鼠标快速的移开，那个层不会隐藏，需要缓缓的移开，才能够隐藏

这个可能要加另外的方法
[解决办法]
with 语句
为语句设定默认对象。  

with (object)
  statements  

参数
object

新的默认对象。

statements

一个或多个语句，object 是该语句的默认对象。

说明
with 语句通常用来缩短特定情形下必须写的代码量。在下面的例子中，请注意 Math 的重复使用：  

x = Math.cos(3 * Math.PI) + Math.sin(Math.LN10)  
y = Math.tan(14 * Math.E)
当使用 with 语句时，代码变得更短且更易读：  

with (Math){
  x = cos(3 * PI) + sin (LN10) 
  y = tan(14 * E)
}

求一段JS,该怎么处理

热点推荐