`

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值
});
 
 
  • 大小: 38 KB
分享到:
评论

相关推荐

    仿新浪博客

    4. **JavaScript库和插件**:为了实现弹出层效果,项目可能会使用jQuery或者更现代的库如Popper.js或SweetAlert,这些库提供了创建弹窗、提示框等交互元素的便捷方法。 5. **数据库设计**:后台可能使用MySQL或...

    弹窗头像编辑预览

    本项目标题为“弹窗头像编辑预览”,其核心目标是实现一个类似新浪微博头像编辑的功能,让用户能够在弹出的窗口中对头像进行裁剪和预览,以便于选择最合适的展示方式。 首先,我们要理解这个功能的技术实现基础。...

    模拟新浪腾讯title选项卡

    Dialog通常是以弹出窗口的形式出现,它可以悬浮于当前活动之上,提供额外的信息或操作选项。在模拟新浪腾讯title选项卡时,Dialog可以被设计成一个可滑动的条目,包含多个选项,用户可以通过点击或滑动来切换不同的...

    新浪微博图片展示效果制作.rar

    6. **图片预览**:用户点击图片后可以弹出大图预览,这通常通过模态框(modal)和JavaScript来实现。 7. **数据加载**:如果图片数量多,可能会采用分页或无限滚动加载,这需要JavaScript处理Ajax请求,动态加载更...

    网站微博分享代码

    网站微博分享代码是一种常见的社交媒体整合功能,用于让用户能够方便地将网页内容分享到各大微博平台,如新浪、搜狐和腾讯等。这些代码通常由开发者编写,以JavaScript、HTML和CSS等前端技术实现,通过API接口与微博...

    动态内嵌的小模块

    首先,动态内嵌的小模块是指在网页上,当用户将鼠标光标移动到特定区域(如链接或按钮)时,会弹出一个浮动窗口,展示与该区域相关联的详细信息。这通常是通过Ajax技术实现的,它允许页面无需刷新就能获取并更新数据...

Global site tag (gtag.js) - Google Analytics