`
朗朗晴空
  • 浏览: 984 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

Jquery弹出层插件Thickbox

阅读更多
在其它网站上看到的刚好要用到,粘过来收了   
thickbox官方网站(上面有例子和基本的使用方法):http://jquery.com/demo/thickbox/
 1。跨iframe的弹出层。
   症状:每次thickbox都只在frame中弹出,而不会整个屏幕覆盖

  原因和解决方法:

          thickbox使用tb_show()函数在body后面加入弹出层。可以使用window.top.tb_show()把弹出层加到页面上。我的tihickbox插件中修改如下:在tb_init()中把tb_show(t,a,g)替换如下

  if(a.indexOf('TB_iniframe') != -1)
     { 
          window.top.tb_show(t,a,g); 
     } 
     else 
     { 
      tb_show(t,a,g); 
     }  

这样只只要在原来的链接上加入TB_iniframe=true即可,如div.aspx?height=180&width=400&TB_iframe=true&TB_iniframe=true&modal=true

分享到:
评论

相关推荐

    基于jQuery弹出层插件thickbox

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

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

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

    Jquery弹出层插件thickbox的下载及学习讲解

    **jQuery弹出层插件Thickbox:深度解析与学习指南** Thickbox是一款非常流行的jQuery插件,它为网页提供了优雅的、全屏的弹出层效果,用于展示图片、HTML内容、Iframe和多媒体资源。这款插件以其易用性和丰富的功能...

    jQuery弹出层插件

    《深入解析jQuery弹出层插件thickbox》 在Web开发中,弹出层(Modal)是一种常见的交互设计元素,用于在当前页面上显示额外信息或进行特定操作,而无需跳转到新页面。jQuery作为一款强大的JavaScript库,提供了丰富...

    jQuery弹出层插件大全

    jQuery弹出层插件在网页开发中非常常见,它们用于创建弹窗、模态对话框、图片预览等效果,增强了用户体验。以下是一些流行的jQuery弹出层插件及其特点: 1. **Thickbox**: Thickbox是一款轻量级的jQuery插件,用于...

    Jquery弹出层插件ThickBox的使用方法

    ThickBox是一个基于jQuery的弹出层插件,它允许开发者在网页中轻松集成弹出对话框功能,提高用户体验。要使用ThickBox插件,您需要准备三个文件:thickbox.js、thickbox.css、jquery.js,这些文件都可以在网上找到并...

    jquery 弹出层插件

    ThickBox作为一款强大的jQuery弹出层插件,它的多功能性和灵活性使其成为许多网页开发者的选择。无论是展示图片、加载动态内容还是嵌入其他页面,ThickBox都能提供简单且高效的方法。通过深入理解和熟练应用,...

    jquery 弹出层插件收藏

    本文将深入探讨jQuery弹出层插件,包括thickbox、colorbox、facebox、jqueryalert和shadowbox,这些都是用于创建美观、交互性强的弹出窗口的优秀工具。 首先,我们来看thickbox。Thickbox是一款基于jQuery的全屏弹...

    jquery.artwl.thickbox.js 一个非常简单好用的jQuery弹出层插件

    最终效果: 代码如下: <!... <head> <... charset=utf-8″/>...弹出层插件:jquery.artwl.thickbox.js</title> [removed][removed] [removed] /* File Created: 三月 1, 2012 Author:artw

    jQuery Thickbox3.1 弹出层插件

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

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

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

    Thickbox 基于jQuery的弹出层(盒子)插件.zip

    Thickbox是一款基于jQuery库的弹出层插件,它为网页添加了丰富的交互体验,让用户可以在不离开当前页面的情况下查看图像、视频、IFRAME等多媒体内容。这个插件以其简洁的API和灵活的配置选项深受开发者喜爱,极大地...

    jQuery弹出层与浮动层

    一、jQuery弹出层(Modal) 弹出层通常用于显示重要的信息、提示、表单或者对话框,它会阻止用户与页面其余部分的交互,直到弹出层被关闭。jQuery提供了一些插件,如jQuery UI的Dialog或者Bootstrap的Modal,来方便...

    jquery插件thickbox遮罩层的的使用

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

    JQUERY THICKBOX弹出层插件

    JQuery Thickbox是一款功能强大的弹出层插件,它允许用户在现有的网页上创建美观的、响应式的轻量级模态窗口,用于展示图片、网页内容、IFrame以及多图分页浏览。Thickbox利用jQuery库的强大功能,提供了一种简洁的...

Global site tag (gtag.js) - Google Analytics