thinkbox
ThickBox 2.0——JS展示脚本
Cody Lindley 使用 jQuery 开发
译: croc
阅读原文
ThickBox 是基于 jQuery 用 JavaScript 编写的网页UI对话窗口小部件. 它可以用来展示单一图片, 若干图片, 内嵌的内容, iframed的内容, 或以 AJAX 的混合 modal 提供的内容.
查看实例演示
特性:
ThickBox 是用超轻量级的 jQuery 库 编写的. 压缩过 jQuery 库只15k, 未压缩过的有39k.
ThickBox 的 JavaScript 代码和 CSS 文件只占12k. 所以压缩过的 jQuery 代码和 ThickBox 总共只有27k.
ThickBox 能重新调整大于浏览器窗口的图片.
ThickBox 的多功能性包括(图片,iframed 的内容,内嵌的内容,AJAX 的内容).
展示单一图片(single image)
展示图片集(multiple images)
展示内嵌内容(inline content)
展示被iFrame的内容(iframed content)
展示AJAX内容(AJAX content)
其他:教程本身还自带了一个很酷的JS跳转脚本
ThickBox 能隐藏 Windows IE 6 里的元素.
ThickBox 能在使用者滚动页面或改变浏览器窗口大小的同时始终保持居中. 点击图片, 覆盖层, 或关闭链接能移除 ThickBox.
ThickBox 的创作者决定动画应该因人而异, 所以 ThickBox 不再使用动画了. 这是特性吗? 哦, 有人说是呀.
如何实现 ThickBox :
1. ThickBox 要求使用 jQuery JavaScript 库; 正因如此, 你需要外调 jquery.js 文件在你的网页的 head 元素内, 接着还要外调 thickbox.js 文件 (注意: jquery.js 必须放在调用资源的第一位). 例子如下:
<script type="text/javascript" src="path-to-file/jquery.js"></script> <script type="text/javascript" src="path-to-file/thickbox.js"></script>
一旦你外调了 .js 文件, 打开 thickbox.js 并寻找加载图片的名字 (loadingAnimation.gif). 找到后, 根据它在你服务器上的位置确定更改它的路径.
2. 在你的网页中外调 ThickBox CSS 文件. 例子如下:
<link rel="stylesheet" href="path-to-file/thickbox.css" type="text/css" media="screen" />
或
<style type="text/css" media="all">@import "path-to-file/thickbox.css";</style>
或, 打开 thickbox.css 文件并复制粘贴样式到你现有的样式表中.
3. 观看例子, 学习使用不同的方法调用 ThickBox 的功能.
支持的和经测试过的浏览器:
Windows IE 6.0, Windows FF 1.5.0.5, Windows Opera 9.0, Macintosh Safari 1.3.2 & 2.0.3, Macintosh FF 1.5
MIT 许可
http://www.opensource.org/licenses/mit-license.php
许可特此批出, 免费, 给任何人提供此软件的拷贝和他相关文档中的("软件"), 使用此软件不受任何限制, 所不受的限制包括: 有权利使用, 拷贝, 修改, 合并, 出版, 分发, 颁发从属许可, 和/或买卖该软件的拷贝.
分享到:
相关推荐
20个实用小工具集 收集的20个小软件,小工具,很有用
爬虫(Web Crawler)是一种自动化程序,用于从互联网上收集信息。其主要功能是访问网页、提取数据并存储,以便后续分析或展示。爬虫通常由搜索引擎、数据挖掘工具、监测系统等应用于网络数据抓取的场景。 爬虫的...
我搜集的一些51单片机开发小工具,对于初学者很有用.
里面大约有几十个工具,很有用!!不多说,好东西大家分享!!
爬虫(Web Crawler)是一种自动化程序,用于从互联网上收集信息。其主要功能是访问网页、提取数据并存储,以便后续分析或展示。爬虫通常由搜索引擎、数据挖掘工具、监测系统等应用于网络数据抓取的场景。 爬虫的...
ipscan(ip端口扫描工具)是一款在局域网内进行端口扫描的工具,ipscan能够协助你查找局域网中被有用和未被运用的IP地址,一起支持扫描指定IP地址所敞开的端口,功用非常强大,只需要设置好开始和结束的ip地址,启动后...
有用的工具组织并收集一些有用的日常工具
语句收集 金玉良言,可自己增加删除修改语句,你可以把你听过的一些认为很有意义的句子收集起来。本程序自带了一些句子,都是很不错的,有用的语句。程序需安装,占地极小,无病毒。
此工具是微软内部技术人员开发应用的性能收集工具。可以利用它收集来自系统,以及数据库各个层面上的各种信息。而且使用非常简单,对于我们远程维护解决问题非常有用。
这里是我搜集的一些基本的黑客入门的实用工具,对于那些像我一样的菜鸟们很有用的~因为不用在一个一个搜集加壳,免杀~~~~等的工具了,你想要的这里基本都有哦!
爬虫(Web Crawler)是一种自动化程序,用于从互联网上收集信息。其主要功能是访问网页、提取数据并存储,以便后续分析或展示。爬虫通常由搜索引擎、数据挖掘工具、监测系统等应用于网络数据抓取的场景。 爬虫的...
收集的JAVA性能测试工具,希望对大家有用
收集一些实用程序,这些实用程序在使用Go编写Web应用程序时将非常有用。 特征 基于框架的gorm , logrus , go-redis/redis , gin etcd , mgo.v2 , jwt-go 。 健康检查 Lang utils,例如: MultiSorter , ...
nmon IBM的产品用来收集linux和unix的resource,非常有用。
一个很简单的小工具,请把它放到要收集文件名的根目录下,点击运行,它会自动的将根目录下,包括子目录在内的所有文件名输出到log.txt文件中,某些环境下很有用(提示,需要预先安装java环境)
经本人实验,此破解工具绝对管用,其中“破解前必读“为本人从网上搜集和自己实践的心得,有需要的拿去吧,节省您的宝贵时间
Free Cut 是一款小巧精致的屏幕截图软件,它采用与传统截图软件完全不同的设计理念, 把整个桌面变成一个工作区域,用户使用软件提供的各种工具,可以方便的进行屏幕截图和相 ... 自己收集的小软件 希望能有用
由于设备在实际使用过程中可能会遇到各种离线情况,如无法连接到网络或调试服务器、无法访问远程日志系统等,因此Android离线系统日志工具对于开发人员来说非常有用。它们能够提供更全面的日志收集和分析功能,帮助...
USB开发调试过程中使用的挺不错的工具,从网上收集来的,用着挺好。。
数据收集相对比较简单,而要把原始信息转化为有用的数据则需要知道如何精确地抽取你想要的内容。通过这《基于开源工具的数据分析(影印版)》(作者Philipp K.Janert)的深入讲解,那些对数据分析感兴趣的中等或者富有...