分类
旧宅

ThickBox 2.0——JS展示脚本

ThickBox 2.0——JS展示脚本

Cody Lindley使用jQuery开发
译: croc
阅读原文

ThickBox 是基于jQuery用 JavaScript 编写的网页UI对话窗口小部件. 它可以用来展示单一图片, 若干图片, 内嵌的内容, iframed的内容, 或以AJAX的混合modal提供的内容.

[url=http://www.blueidea.com/articleimg/2006/08/3912/thickbox.html]查看实例演示[/url]

特性:

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 必须放在调用资源的第一位). 例子如下:

程序代码

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据