jquery框架 用户弹出框 ajax请求(仿新浪用户信息弹出框)

 

 

 

效果图：

 

3.html代码：

 

<div class="fl_left mr5">
   <a class="show_user_info" value="13" href="/u/13">
   <img class="img_loading" width="55" height="55" src="/data/aa.JPG" />
   </a>
</div>

 

4.弹出框

 

<div id="u_info" style="display: none; position:absolute; top: 0; left:0;">
   弹出框内容(通过ajax加载来获得)
</div>

 

 

5.插件用法（插件中也有写到）：

$(".show_user_info").PopupUserInf({
   show_info: ".show_user_info",  
   ajax_url: "/get_user_info",  //ajax请求的url
   popup_frame: "#u_info",    //弹出框div_id（或div_class)
   hphoto: 2,   //用户图片调整框top值
   hname: 10   //用户名调整框的top值
});