Jquery插件Thickbox的使用总结及自定义设置

最新推荐文章于 2018-07-08 00:29:06 发布
最新推荐文章于 2018-07-08 00:29:06 发布
阅读量5.2k 收藏 3
点赞数
分类专栏： C# 学习 JavaScript和Ajax 文章标签： jquery插件 iframe class stylesheet javascript function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dupeng0811/article/details/6239797
版权
本文介绍了Jquery插件Thickbox的使用，包括下载所需文件、引入资源和基本配置。通过添加class='thickbox'属性实现图片弹窗展示。还详细讲解了如何进行自定义设置，如修改关闭按钮文字、添加自定义关闭功能、处理关闭层刷新父页面等问题，以及解决updatepanel回发后Thickbox失效的方法。
摘要由CSDN通过智能技术生成

ThickBox运行需要的文件

官方下载：

Download thickbox.js or thickbox-compressed.js, ThickBox.css, and the loading graphic (loadingAnimation.gif) to your local machine (or cut and paste the code from the tabs). Along with these three files, a copy of the jQuery JavaScript library is needed. For this site, and ThickBox, I am using the compressed version of jQuery.

首先在 HTML 文件的 head中导入jquery.js 和thickbox.js文件，导入 thickbox.css 文件;并且jquery.js 文件放在前面：

<script src="../Scripts/jquery-latest.pack.js" mce_src="Scripts/jquery-latest.pack.js" type="text/javascript">
   
   script>  
    <script src="../Scripts/thickbox.js" mce_src="Scripts/thickbox.js" type="text/javascript">
    
    script>  
<link href="../Styles/thickbox.css" mce_href=
最低0.47元/天 解锁文章
Dhoopu
关注
专栏目录
thickbox插件(jquery.js-thickbox.js-thickbox.css)含三个文件
05-04
ThickBox是多功能性的,它提供有對於圖像、內置框架、內嵌內容、AJAX內容 等變化, 在點擊連結後能在網頁形成美觀的透明層展示,在改變瀏覽器大小或捲動捲軸時都能保持居中.
jquery插件thickbox
青青的专栏
08-18 939
<br />thickbox是jQuery的一个插件，其作用是弹出对话框、网页框，使用户体验度更加愉悦，下面就来简单介绍它的几种用法。<br />声明一下：这只是个人的总结记载而已。<br />准备工作：你需要三个文件：thickbox.js、thickbox.css、jquery.js，网上到处可下<br />具体使用：<br />第一步：将这三个文件引入到你要使用thickbox的页面<br /><script type="text/javascript" src="jquery.js"></scrip
jquery中thickbox的使用
thewebcode
06-16 88
thickbox使用 1.一张图片 描述: 这是ThickBox的一个简单实例，这个例子展示了在中放置一张图片（请看演示）。 说明: 创建一个link元素 (&lt;a href&gt;) 给创建的这个link元素一个class属性，其值是：thickbox (class="thickbox") 在href属性中指定一个张图片地址(.jpg .jpeg .png .gif .bmp...
分享一个灰常简单好用的jQuery弹出层插件:jquery.artwl.thickbox.js
weixin_33719619的博客
03-01 106
最终效果： 插件原理 　　所有弹出层的原理都差不多，就是用一个全屏半透明DIV做遮罩层，在这个遮罩层上再显示出一个层放要显示的内容，其他的就是CSS的运用了。 　　本插件为了使用简单，把JS跟CSS封装在了一个JS文件(插件)中，所以使用起来非常方便，做到了一行代码调用。 插件源代码 　　插件(jquery.artwl.thickbox.js)的源码如下： /* File Cr...
thickbox使用
weixin_30384217的博客
03-29 138
1.一张图片 描述: 这是ThickBox的一个简单实例，这个例子展示了在中放置一张图片（请看演示）。 说明: 创建一个link元素 (<a href>) 给创建的这个link元素一个class属性，其值是：thickbox (class="thickbox") 在href属性中指定一个张图片地址(.jpg .jpeg .png .gif .bmp) <a ...
Jquery弹出层插件ThickBox的使用方法
10-25
要使用ThickBox插件，您需要准备三个文件：thickbox.js、thickbox.css、jquery.js，这些文件都可以在网上找到并下载。 首先，您需要将这三个文件正确地引入到您的页面中。通过在HTML文件中添加标签引入jquery.js和...
jquery插件thickbox遮罩层的的使用
03-22
本文将详细讲解如何利用jQuery插件Thickbox创建一个遮罩层，为用户提供更好的浏览体验。 Thickbox是一款轻量级的jQuery插件，它能够创建全屏弹出窗口，用于展示图片、视频或者任何网页内容。这个插件常用于创建类似...
jquery插件thickbox的使用方法
12-12
### jQuery插件ThickBox的使用详解 #### 引言 ThickBox是基于jQuery库的一个强大而灵活的模态对话框插件，它能够帮助开发者轻松地在网页上创建弹出窗口，显示图片、HTML内容或外部网页。本文将详细介绍如何在项目...
jQuery插件ThickBox打开框架页
01-28
**jQuery插件ThickBox详解** ThickBox是一款流行的jQuery插件，用于创建弹出式窗口，常用于显示图片、HTML内容、IFrame（框架页）等。它为用户提供了一种优雅的方式，以全屏模式展示内容，同时提供了一个可自定义的...
jquery.thickBox
08-31
js弹出层之JQUERY THICKBOX弹出层插件
jquery.artwl.thickbox.js 一个非常简单好用的jQuery弹出层插件
10-28
jquery.artwl.thickbox.js 一个非常简单好用的jQuery弹出层插件，需要的朋友可以参考下
Thickbox 基于jQuery的弹出层(盒子)插件
05-01
内容索引:脚本资源,jQuery,thickbox,弹出层,jQuery插件　　Thickbox 基于jQuery的弹出层操作插件，这里所说的层是太专业，因为现在的DIV网页，基于元素都是在层里面，而且本插件所弹出的层各式各样，比如登录框、无刷新显示图片框，图文混排的网页等，类似一个弹出框架一样，至于弹出的内容是由你决定的。
Thickbox。js
xiaomin1991222的专栏
05-09 96
try { var isStyle = document.getElementById("hsScroll").type; } catch (err) { document .write('&lt;style id="ahsScroll" type="text/css"&gt;.hScroll{overflow:hidden;} .sScroll{}&lt;/style&gt;'...
jquery thickbox插件
郭贝贝的博客编程
07-03 700
在jquery中插入第三方插件时要注意：先加载css样式，再加载jquery，之后再加载其他js的其他样式ThickBox是一个基于JQuery类库的扩展，它能在浏览器界面上显示非常棒的UI框，它可以显示单图片，多图片，ajax请求内容或链接内容.ThickBox是用超轻量级的 jQuery 库 编写的. 压缩过 jQuery 库只15k, 未压缩过的有39k.其作用是弹出对话框、网页框，使用户体...
jQuery插件ThickBox
gundumw100的专栏
04-10 283
ThickBox官方文档说明 http://jquery.com/demo/thickbox/ 需要使用thickbox.css文件和动态加载提示图片loadingAnimation.gif 在使用中要注意动态加载提示图片的路径，默认路径: images/loadingAnimation.gif class="thickbox"> 这样就实现了一张图片的弹出展示功能，只需要指定图片的c
Jquery ThickBox的使用
evilcry2012的专栏
12-16 1033
   thickbox是jQuery的一个插件，其作用是弹出对话框、网页框，使用户体验度更加愉悦，下面就来简单介绍它的几种用法。 声明一下：这只是个人的总结记载而已。 准备工作：你需要三个文件：thickbox.js、thickbox.css、jquery.js，网上到处可下 具体使用： 第一步：将这三个文件引入到你要使用thickbox的页面
jQuery thickbox插件
陈嘉欣的技术编程博客
07-08 320
/* ----------------------------------------------------------------------------------------------------------------*/ /* ----------&gt;&gt;&gt; global settings needed for thickbox &lt;&lt;&lt;--------...
thickbox.js
learnmore的实验田
08-14 173
ThickBox 3.1 ThickBox 是 Cody Lindley 使用超輕量級的 jQuery 所開發, ThickBox是多功能性的,它提供有對於圖像、內置框架、內嵌內容、AJAX內容 等變化, 在點擊連結後能在網頁形成美觀的透明層展示,在改變瀏覽器大小或捲動捲軸時都能保持居中. 對於圖像能用單一或多張方式來展示,並能重新調整大於瀏覽器的圖檔 能夠在透明層中開啟內置框架預覽網...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值