`
lq_kevin
  • 浏览: 48138 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

单击按钮弹出facebox

阅读更多
ThickBox是一个强大的jQuery弹出窗口插件,一般的用法是在链接中,如:
<a  href="SearchWin.do?TB_iframe=true&height=380&width=480&modal=true" title="查询企业" class="thickbox" >  
<img src="../images/search.png" border="0"/>  
</a>  
<a  href="SearchWin.do?TB_iframe=true&height=380&width=480&modal=true" title="查询企业" class="thickbox" >
<img src="../images/search.png" border="0"/>
</a>

指定a标签的class属性为thickbox即可。这里会弹出一个模态窗口,并且是在iframe中弹出,这样在弹出窗口中还可以执行js代码。
有的时候在按钮单击的时候也需要弹出窗口,那么可以这样做:

 
tb_show('标题','StandDelay.do?booking='+t.title+'TB_iframe=true&height=150&width=400',false);  
tb_show('标题','StandDelay.do?booking='+t.title+'TB_iframe=true&height=150&width=400',false);

来进行弹出框口。在窗口中可以通过

 
self.parent.tb_remove();  
 self.parent.tb_remove();

来关闭窗口,也可以通过以下代码刷新父窗口的内容:

self.parent.window.location.reload();  
分享到:
评论

相关推荐

    facebox弹出框

    Facebox是一款基于JavaScript和jQuery库的轻量级插件,用于创建美观的弹出框效果。这个插件允许开发者在网页上优雅地展示各种类型的内容,如图片、HTML片段、AJAX加载的内容等,而无需离开当前页面。Facebox通过CSS3...

    facebox_div弹出层

    用户可以通过点击弹出层外部或点击预定义的关闭按钮来关闭Facebox。开发者也可以通过调用`$.facebox.close()`方法来程序化地关闭弹出层。 10. **响应式设计**: 对于现代网页,响应式设计是必要的。Facebox可以与...

    jQuery Facebox lightbox效果华丽弹出层插件(灰色与蓝色).zip

    1. 图片弹出:当用户点击链接时,图片会以全屏的弹出层形式展示,背景通常会变暗,突出显示图片内容。 2. HTML内容展示:除了图片,Facebox还可以用来展示任何HTML代码,例如表格、段落、表单等,使这些内容在不离开...

    基于jQuery的弹出层

    在弹出层的实现中,可能使用了选择器来找到需要触发弹出行为的元素,如按钮或链接。 2. **事件处理**:jQuery封装了事件处理函数,如`click()`、`mouseover()`等,允许开发者轻松地绑定事件监听器。在弹出层中,...

    FacyBox是一个基于jQuery实现FacebookFancybox风格的lightbox控件

    比如,你可以将一个Div包装在隐藏的`&lt;div&gt;`中,并设置`rel="facebox"`,然后通过点击按钮触发FacyBox: ```html &lt;a href="#" rel="facebox"&gt;显示Div内容 这是将在FacyBox中显示的内容。 ``` FacyBox还支持...

    Jquery facebook 提示框

    Facebox提供了一个简洁的API,允许开发者轻松地在网页上添加类似于Facebook的弹出式对话框。 1. **Facebox的实现原理** Facebox通过CSS和JavaScript实现,利用jQuery选择器和事件处理来定位、显示和隐藏提示框。它...

    仿facebook的对话框

    Facebox是一个流行的jQuery插件,它允许开发者将链接、图像或HTML内容包装在一个弹出的对话框中。这个1.1版本可能包含了对原版Facebox的改进,比如修复了已知问题,增加了新特性,或者优化了性能。 使用Facebox 1.1...

    JavaScript_jQuery内置的facebook风格灯箱.zip

    首先,灯箱(Lightbox)是一种在网页上展示大图或多媒体内容的弹出式界面,通常用于图片预览或视频播放。Facebook的灯箱设计简洁且用户体验良好,用户可以在不离开当前页面的情况下查看或互动。 要创建一个Facebook...

Global site tag (gtag.js) - Google Analytics