jquery插件之thickbox
thickbox是基于JQ写的UI对话窗口小部件. 它可以用来展示单一图片, 若干图片, 内嵌的内容, iframed的内容, 或以 ajax 的混合modal 窗口!功能非常强大,我在项目中也在不少地方应用到!
http://www.harborhousehome.com/Product/6/100095.html点击图片下面的白色小图标就可看见效果!
目前最新版应该是3.1,官方演示及教程地址为http://jquery.com/demo/thickbox/,了解JQ插件的人不用我介绍了吧,然而这里只是介绍了简单的应用,在某些时候我们需要手动去打开一个窗口,那怎么做呢?
分析thickbox源码就可以看出,它是使用tb_show()来弹出的,我们也可以单独调用它
先试试效果
- function prompt() {
- tb_show("HarborHouse", "http://www.harborhousehome.com?TB_iframe=true&height=550&width=900", false);
- }
第一个参数为该弹出层的标题,第二个是弹出层嵌套网页的URL,第三个是是否是显示一组图片 ,如A标签里用了rel(rel:多图集合的rel属性,不是图集就直接传递false);
如果要移除弹出框,在弹出框的内部这样写:window.parent.tb_remove();
如果要弹出窗口成模态,那么加一个参数modal=true,
TB_iframe参数为是否内嵌框架弹出!这样可以在弹出窗口内部做页面跳转了!
转载于:https://www.cnblogs.com/51jquery/archive/2008/11/09/1329990.html
jquery插件之thickbox相关推荐
- jQuery插件thickbox在ie下垂直居中问题
jQuery 插件 thickbox 3.1 在ie下总不能垂直居中,按"http://jamazon.co.uk/web/2008/03/17/thickbox-31-ie7-positi ...
- Jquery插件Thickbox的使用
最近项目需要用到弹出层!最后找到Thickbox,它能在浏览器界面上显示非常棒的弹出框,可以显示单图片,多图片,AJAX 请求内容或链接内容.感觉挺不错的!Thickbox的官方网址:http://j ...
- Jquery插件Thickbox的使用总结及自定义设置
ThickBox运行需要的文件 首先在 HTML 文件的 head中导入jquery.js 和thickbox.js文件,导入 thickbox.css 文件;并且jquery.js 文件放在前面: ...
- jQuery插件ThickBox
ThickBox官方文档说明 http://jquery.com/demo/thickbox/ 需要使用thickbox.css文件和动态加载提示图片loadingAnimation.gif 在使用中 ...
- 240个jquery插件
240个jquery插件 http://www.kollermedia.at/archive/2007/11/21/the-ultimate-jquery-plugin-list/ File uplo ...
- jQuery插件总动员
学习jQuery中... 这里是我收录的一些jQuery插件,有些都是很常用的(或者是我用过的,呵呵) UI 1. jQuery UI 验证 1. Validation 表单验证 菜单 1. Crea ...
- jQuery:收集一些基于jQuery框架开发的控件/jquery插件2
Horizontal accordion: jQuery 基于jQuery开发,非常简单的水平方向折叠控件. 主页:http://letmehaveblog.blogspot.com/2007/10/ ...
- 新鲜的jquery插件收集
参考网站http://www.noupe.com/ajax/45-fresh-out-of-the-oven-jquery-plugins.html 1.Colorful Sliders With j ...
- 转 jquery插件--241个jquery插件—jquery插件大全
241个jquery插件-jquery插件大全 jquery插件jqueryautocompleteajaxjavascriptcoldfusion jQuery由美国人John Resig创建,至今 ...
最新文章
- ceph auth get_服装百科|get到羽绒服的“绒”干货,你就能做好设计
- 【产品】密码明文显示的必要性和解决方案
- windowbuilder点击按钮出现新界面_掌握这几招,轻松设计出高点击率的行为召唤按钮...
- 前端学习(2595):后台系统的权限控制和管理--动态路由
- 当 IDENTITY_INSERT 设置为 OFF 时,不能向表 中的标识列插入显式值错误的解决方法...
- python 单反格式转格式_如何用单反斜杠转义字符串的特殊字符 - python
- 计算机的音乐怎么按出来怎么办,音频管理器一直跳出来怎么处理啊
- 找商网获得找商网商品详情 API 返回值说明
- 企业信息化互联网转型“生死劫”
- eclipse遇到“A java Exception has occurred”报错解决办法
- C语言函数中的px是什么,C语言学习知识程序设计试卷及其规范标准答案
- leetcode总结无止境系列之链表
- 公司自用的国产API管理神器
- mysql ubuntu 应用记录 --- Head First SQL (一)
- POJ1511 ZOJ2008[Invitation Cards]
- CMU开设美国首个人工智能本科专业
- pip 配置proxy-----配置好了却无效
- 斯坦福AI实验室换帅!Christopher Manning接替李飞飞
- Win11系统安装的日期如何查看
- 【Python-opencv3.4】视频基本操作(帧率,总视频帧数、从第N帧开始播放、播放进度显示、按键控制视频)
热门文章
- SDK 和 API
- swift5的SnipKit框架使用
- html5创建对象的方法,JavaScript面向对象-使用工厂方法和构造函数方法创建对象...
- python封装成可执行的小程序_Python打包小程序
- qt widget 嵌套与弹出_Gtk widget 与 Qt Widget的相互嵌套
- C++11保护共享数据的其他方法
- Buildroot构建指南——工具链
- Android开发之自定义view绘制坐标位置出错的问题解决
- Android开发之6.0动态权限工具类(高德地图官方扣出来的)附源码
- 自己抽取的柱状图MpAndroidChart