`

thickbox影响父层

 
阅读更多

 

使用thickbox层,但是事件发生在iframe层,导致只有iframe层呈现thickbox,。

 

解决方案:

我们要达到iframe层事件触发的thickbox影响到整个页面,可对thickbox.js稍做修改。

 

function tb_init(domChunk){

$(domChunk).click(function(){

var t = this.title || this.name || null;

var a = this.href || this.alt;

var g = this.rel || false;

tb_show(t,a,g);

this.blur();

return false;

});

}

 

 

function tb_init(domChunk){

$(domChunk).click(function(){

var t = this.title || this.name || null;

var a = this.href || this.alt;

var g = this.rel || false;

         self.parent.tb_show(t,a,g);//××××××××××××

this.blur();

return false;

});

}

 
 

 

分享到:
评论

相关推荐

    ThickBox3.1弹出层

    首先,ThickBox3.1的核心功能是其弹出层机制。它通过JavaScript动态创建一个浮动的DOM元素,这个元素作为弹出层覆盖在页面上,展示用户想要显示的内容。弹出层可以包含图像、HTML内容、外部网址或者甚至整个页面...

    jquery插件thickbox遮罩层的的使用

    本文将详细讲解如何利用jQuery插件Thickbox创建一个遮罩层,为用户提供更好的浏览体验。 Thickbox是一款轻量级的jQuery插件,它能够创建全屏弹出窗口,用于展示图片、视频或者任何网页内容。这个插件常用于创建类似...

    基于jQuery弹出层插件thickbox

    【jQuery弹出层插件thickbox】是一种广泛使用的JavaScript库,它基于强大的jQuery框架,为网页添加了优雅且功能丰富的弹出层效果。 Thickbox主要用于创建全屏背景的图片查看器、轻量级的模态对话框以及iframe加载等...

    thickbox插件

    3. **Iframe支持**:Thickbox可以通过Iframe嵌入外部网站或页面,这对于需要在保持父页面上下文不变的情况下展示第三方内容非常有用。 4. **浏览器兼容性**:Thickbox被设计成能兼容大多数现代浏览器,包括Firefox...

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

    ThickBox是基于jQuery库的一个插件,它创建了一个全屏的浮动层,可以在用户与页面交互时弹出,不影响页面背景的其他元素。这个浮动层可以用于显示图片、HTML内容、IFrame、视频等多种内容,通过Ajax技术可以实现动态...

    thickbox

    "Thickbox"是一款流行的JavaScript库,用于创建全屏弹出式图像和产品展示效果。在网页设计中,它提供了一种优雅的方式,使用户能够查看大图或多媒体内容,而无需离开当前页面。这个库特别适合电子商务网站,因为它们...

    jQuery Thickbox3.1 弹出层插件

    2. **透明度控制**:背景遮罩层可以设置透明度,使得弹出层更加突出,同时不影响页面的整体视觉效果。 3. **自适应大小**:弹出层可以根据内容自动调整大小,也可以手动设定固定尺寸。 4. **动画效果**:在弹出和...

    jQuery插件thickbox遮罩层的使用及demo演示示例.rar

    ThickBox 是基于 jQuery 用 JavaScript 编写的网页UI对话窗口... 点击图片, 覆盖层, 或关闭链接能移除 ThickBox. ThickBox 的创作者决定动画应该因人而异, 所以 ThickBox 不再使用动画了. 这是特性吗? 哦, 有人说是呀.

    ThickBox关闭层自动刷新和页面数据提交冲突问题

    ### ThickBox关闭层自动刷新与页面数据提交冲突问题解析 #### 问题背景及现象 在进行Web开发过程中,经常会遇到需要使用弹出层的情况。ThickBox作为一个常用的弹出层插件,因其简单易用而受到许多开发者的青睐。...

    ThickBox 3_1

    7. **轻量级**:ThickBox 以其小巧的体积和高效的性能著称,对网页加载速度的影响非常小。 8. **兼容性**:作为基于jQuery的插件,ThickBox 具有良好的浏览器兼容性,包括对IE6及更高版本的支持。 在使用ThickBox ...

    thickbox3.1.zip

    这个"thickbox3.1.zip"文件包含了Thickbox的3.1版本,它在网页设计和开发中被广泛使用,为用户提供了一种优雅的方式来展示多媒体内容,而不会让他们离开当前页面。 Thickbox的核心功能包括: 1. **图片预览**:...

    juery thickbox3例子

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

    thickbox的具体使用方法

    在本篇文章中,我们将深入探讨Thickbox的使用方法,并通过实例来进一步理解其工作原理。 首先,我们需要在项目中引入Thickbox的CSS和JavaScript文件。Thickbox通常会提供一个压缩包,包含以下文件: - thickbox.css...

    thickbox插件(jquery.js-thickbox.js-thickbox.css)含三个文件

    ThickBox是一款基于jQuery的轻量级弹出插件,主要包含三个核心文件:`jquery.js`、`thickbox.js`和`thickbox.css`。这些文件协同工作,为网页提供了一种优雅的方式,以全屏或者半透明背景的形式展示图片、内嵌框架、...

    thickbox 简单实例

    Thickbox利用jQuery的强大功能,通过简单的JavaScript代码就能创建出美观的弹出层效果。在网页中,你可以将任何链接指向一个图片、HTML文档或远程页面,并通过Thickbox将其在弹出窗口中打开,从而提供更好的用户体验...

    Jquery thickbox回传值实例

    Thickbox通过JavaScript和CSS来创建一个全屏的遮罩层,并在其中加载内容。要调用Thickbox,可以使用HTML的`<a>`标签,附加`class="thickbox"`和一些特定的属性,例如`tb_width`和`tb_height`来定义弹出窗口的大小。...

    thickbox实例

    Thickbox是一款流行的JavaScript插件,它允许在网页上创建弹出式的图片、iframe和多媒体内容,无需离开当前页面。这个“thickbox实例”压缩包文件包含的是Thickbox 2.0版本的一些示例代码,对于学习如何在网站上实现...

    jquery插件thickbox的使用方法

    ### jQuery插件ThickBox的使用详解 #### 引言 ThickBox是基于jQuery库的一个强大而灵活的模态对话框插件,它能够帮助开发者轻松地在网页上创建弹出窗口,显示图片、HTML内容或外部网页。本文将详细介绍如何在项目...

    jQuery_thickbox3.1

    **jQuery_thickbox3.1** 是一个基于流行的JavaScript库jQuery构建的插件,用于创建弹出式的轻量级对话框。这个插件允许用户在当前网页上展示图像、HTML div元素,甚至远程页面,无需离开当前浏览环境,极大地提升了...

    thickbox demo

    Thickbox是利用jQuery的这些特性,构建出的一个弹出层插件。它的主要功能包括: 1. **图片预览**:用户点击一个链接,Thickbox可以将图片以全屏的弹出窗口形式显示,提供良好的视觉体验。 2. **HTML内容展示**:...

Global site tag (gtag.js) - Google Analytics