效果图:
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值 });
相关推荐
弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出...
jquery ajax框架jquery ajax框架jquery ajax框架jquery ajax框架jquery ajax框架
jquery弹出框jquery弹出框jquery弹出框jquery弹出框jquery弹出框jquery弹出框jquery弹出框jquery弹出框
Jquery 图片弹出层框架
jquery div 弹出框 jquery div 弹出框 jquery div 弹出框 jquery div 弹出框
使用jQuery框架Ajax技术写的自动补全效果,模仿搜索引擎的输入后下拉框提示功能
基于JQuery框架的AJAX实例代码 $.ajax $.post $.get 三种方式传递参数
Jquery自带的弹出框效果
Jquery弹出框 提示框 多个提示向上叠加
jQuery弹出框 jQuery弹出框 jQuery弹出框 jQuery弹出框 jQuery弹出框 jQuery弹出框
jQuery投资网站弹出框确认表单代码是一款jQuery layer弹框插件,来自投资网站的确认投资表单代码。
jquery右下角弹出框
CSS3 动画过渡的 jquery 动态弹出框插件
好看的jquery弹出框样式代码!
jQuery框架和AJAX技术,介绍jquery应用发展和使用。适合开始接触ajax,jquery的开发者 .
通过html + css +jquery写的一个自定义弹出层,希望对大家有用。
jQuery-ajax-用户名异步请求,转载请注明出处:https://blog.csdn.net/qq_40374604(如有需要欢迎留言,我一定会尽快解答)
jQuery点击显示弹出框关闭按钮代码基于jquery-1.8.0.min.js制作,简单实用,有关闭按钮。