如何用jquery来实现腾讯微博鼠标滑过头像就显示用户详细信息。离开就消失。请看清楚是腾讯微博的效果,大家看看微博就知道是什么样的效果了。

解决方案 »

  1.   

    用户图片onmouseover的时候
    根据它在页面的位置 用个绝对定位的div 并显示出来 。
      

  2.   

    div绝对定位
    js 动态设置显示坐标和innerHTML
      

  3.   

            document.getElementById("div_detail").style.top = $("#headId").position().top + 98 + "px";
            document.getElementById("div_detail").style.left = $("#headId).position().left -1 + "px";
      

  4.   

    修改98 和-1  来调整你显示的相信信息div的位置.具体自己调整, 基本能做到  ie 6789  firefox兼容
      

  5.   

    mouseover 的时候 添加一个 position:absolute的div,但之前要把他的parent设置为position:relative然后 mouseover的时候用ajax读取内容,并把内容用 html()插入进去。
    之后再show()。
    然后再追加个 mouseout()的时候把他隐藏或者清空。
    如果要隐藏,则要mouseover的时候先判断有没有隐藏的内容,如果有则直接显示即可,没有则要ajax来读取。