`
summerkai
  • 浏览: 93354 次
  • 性别: Icon_minigender_2
  • 来自: 农村
社区版块
存档分类
最新评论

按钮单击ThickBox弹出窗口

    博客分类:
  • j2ee
阅读更多
ThickBox是一个强大的jQuery弹出窗口插件,一般的用法是在链接中,如:
Html代码
  1. <a  href="SearchWin.do?TB_iframe=true&height=380&width=480&modal=true" title="查询企业" class="thickbox" >  
  2. <img src="../images/search.png" border="0"/>  
  3. </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代码。
有的时候在按钮单击的时候也需要弹出窗口,那么可以这样做:
Js代码
  1. 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);

来进行弹出框口。在窗口中可以通过
Js代码
  1. self.parent.tb_remove();  
self.parent.tb_remove();

来关闭窗口,也可以通过以下代码刷新父窗口的内容:
Js代码
  1. self.parent.window.location.reload();  

 

分享到:
评论

相关推荐

    thickBox 基于jquery的超轻量级插件,点击图片、登陆、等类似弹出窗口,

    当用户点击触发元素(如图片或按钮)时,`ThickBox`会将指定的内容(如图片、网页或者视频)嵌入到这个弹出窗口中。它支持多种类型的媒体,包括图片、HTML页面、IFrame、Flash以及YouTube视频等。 二、核心功能 1....

    一个在网页中弹出窗口选择列表的不错的实例

    在Thickbox的弹出窗口中,我们还需要添加一个提交按钮,用于关闭窗口并返回所选值。当用户点击提交按钮时,可以使用Jquery遍历选择列表中的所有选项,收集选中的值,并将其发送回主页面。你可以通过AJax或者简单的...

    ThickBox3.1弹出层

    ThickBox3.1是一款经典的JavaScript和CSS库,用于创建优雅的、响应式的弹出窗口效果。这个库在网页设计和开发中广泛使用,能够实现图片预览、iframe嵌入、多媒体播放等多种功能,为用户提供一种轻量级的增强用户体验...

    ThickBox 多功能弹出层插件支持图片、ajax、内嵌内容弹等演示页面

    ThickBox是一款经典的JavaScript弹出层插件,它在网页设计和开发中广泛使用,尤其在展示图片、加载Ajax内容以及内嵌各种类型的内容时,提供了便捷的用户体验。这款插件以其灵活性、可定制性和易用性而备受青睐。下面...

    基于jQuery弹出层插件thickbox

    同时,为了支持不同的内容类型,thickbox允许我们在链接中通过查询参数指定内容类型,如`tb_width`和`tb_height`定义弹出窗口的宽度和高度,`rel`属性用于分组多个相关的链接。 在实际应用中,我们可能还需要自定义...

    jquery 弹出窗口,可以用登录,注册,选项等

    要创建一个 jQuery 弹出窗口,首先需要引入 jQuery 库和相应的样式表(如 `thickbox.css`)以及弹窗插件的脚本文件(如 `thickbox.js`)。在本例中,可能使用了 Thickbox 这个流行的 jQuery 插件,它提供了一种美观...

    jQuery thickbox 弹出框 弹出后网页变暗 插件.rar

    jQuery thickbox 弹出框 弹出后网页变暗 插件,使用thickbox 可用来显示图片弹框和文字的弹框,比如一些登录框之类的,弹出后,网页背景渐变暗下来,操作完成后网页恢复。thickbox和Lightbox插件之类的功能十分相似...

    jQuery 弹出窗口 模式窗口 模式层

    使用JQweebox,你可以创建具有全屏模式、自动关闭计时器、自定义按钮等功能的弹出窗口,以满足不同的设计需求。 2. jqmodal jqmodal是一款轻量级的jQuery模态对话框插件,它创建了一个浮动在网页内容之上的透明层,...

    应用js框架Jquery中ThickBox制作网页中div弹出效果

    ThickBox 提供了丰富的配置选项和自定义样式能力,允许开发者根据需要定制弹出窗口的外观和行为。 要使用 ThickBox,首先需要在网页中引入 jQuery 和 ThickBox 的相关文件。这通常包括 jQuery 核心库、ThickBox CSS...

    thickbox

    这里,`class="thickbox"`告诉Thickbox处理这个链接,而`title`属性提供了弹出窗口的标题。Thickbox会自动处理缩略图点击后的大图显示,包括调整大小、添加阴影效果、以及处理关闭按钮等交互元素。 Thickbox还支持...

    thickbox的具体使用方法

    - thickbox.css:这是Thickbox的样式文件,定义了弹出窗口的外观。 - thickbox.js:这是Thickbox的核心JavaScript文件,实现了弹出窗口的逻辑。 - tt.js:这是一个可选的文件,用于提供对 Thickbox 的文字提示支持。...

    thickbox demo

    要使用Thickbox,开发者需要在页面中引入jQuery库和Thickbox的CSS与JS文件,然后按照文档或示例对链接或按钮添加特定的类名和属性,Thickbox会自动处理这些元素的点击事件,生成弹出窗口。 总结来说,Thickbox是...

    jQuery Thickbox3.1 弹出层插件

    jQuery Thickbox3.1是一款基于JavaScript库jQuery的弹出层插件,用于创建美观、功能丰富的弹出对话框。在网页设计中,弹出层常用于显示图片、视频、iframe内容或者任何HTML元素,而无需离开当前页面。Thickbox3.1...

    thickbox实例

    1. 图片弹窗:Thickbox可以将网页上的链接图片转换为全屏的弹出窗口,提供了一种优雅的方式来展示大图。用户可以通过导航按钮浏览图片集,或者通过键盘快捷键进行操作。 2. IFrame集成:除了图片,Thickbox还能加载...

    thickbox 简单实例

    Thickbox是一款流行的jQuery插件,它为网页提供了一种优雅的方式来展示图片、HTML内容、iframe和Ajax加载的页面,所有这些都在一个响应式的轻量级弹出窗口中。这个"thickbox简单实例"的压缩包文件包含了使用Thickbox...

    juery thickbox3例子

    标题中的“jQuery Thickbox3”是指一个基于jQuery的弹出窗口插件,Thickbox的第三个主要版本。这个插件允许网页开发者创建全屏、透明背景的弹出窗口,通常用于展示图片、视频、IFrame内容或者任何HTML内容。Thickbox...

    thickbox3.1.zip

    3. **Iframe集成**:如果需要在弹出框中嵌入外部网页或应用程序,Thickbox支持Iframe,可以将任何网页无缝地嵌入到弹出窗口中。 4. **Ajax支持**:通过Ajax技术,Thickbox能动态加载页面内容,无需页面刷新,提高了...

    jquery插件thickbox遮罩层的的使用

    Thickbox的配置选项可以通过JavaScript进行调整,例如设置弹出窗口的宽度、高度,或者是否显示导航按钮。这些配置项可以通过传递一个对象给`.thickbox()`方法实现: ```javascript $("a.thickbox").thickbox({ ...

    jquery 弹出层插件 ThickBox 多功能弹出层插件支持...

    jquery 弹出层插件 ThickBox 多功能弹出层插件支持... jquery 弹出层插件 ThickBox 多功能弹出层插件支持... jquery 弹出层插件 ThickBox 多功能弹出层插件支持...

    thickbox & jquery

    Thickbox 是一个基于 jQuery 的插件,它提供了一种轻量级、可定制的方式来创建全屏弹出窗口,通常用于展示图片、多媒体内容或者网页片段。Thickbox 支持多种内容类型,包括图像、HTML、IFrame 和 AJAX。它的主要特点...

Global site tag (gtag.js) - Google Analytics