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

效果图:

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值
});
 
 

相关推荐