爱程序网

Jquery 类似新浪微博,鼠标移到头像,用浮动窗口显示用

来源: 阅读:

 

   请注意!!!!! 该插件demo PHP 的 demo下载  C#.NET的demo下载  

 

需要如下图,

  1、鼠标移动到头像DIV时,Ajax获取数据,并让浮动DIV显示出来。

  2、鼠标可以移动到上面浮动的DIV。

    3、鼠标移出浮动DIV且移出头像DIV时,浮动DIV消失,

      需求效果

  第一步,给DIV添加mouseon事件,触发获取数据:这个比较简单,我使用的是通过ajax get:$.get(url, function(data) {。。。。。}

  第二步,显示DIV,  

if(data=='error'){    alert('用户名片加载失败,请联系管理员!');}else{    $(wrap_uid).append(data);//外面一层DIV,data本身就是HTML代码,当然也可以再这边先组织出data来
  $(uid).show();//浮动窗口的DIV,show函数必须,不然这个新加的DIV是不会自个儿主动出来的!}