JQUery插件-thickbox

最新推荐文章于 2025-11-27 12:57:01 发布

转载最新推荐文章于 2025-11-27 12:57:01 发布 · 55 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ywqu/archive/2008/11/06/1327958.html

文章标签：

#javascript #ViewUI

ThickBox是一款基于轻量级jQuery库构建的弹窗插件，压缩后的jQuery库大小为20KB，未压缩时为58KB。ThickBox本身JavaScript代码及CSS文件额外仅增加15KB大小（使用压缩版thickbox-compressed.js则为10KB）。它能自动调整大于浏览器窗口的图片尺寸，并支持多种内容类型如图片、iframe、内联和AJAX内容。在Windows IE6中可以隐藏表单元素，并且即使用户滚动页面或改变窗口大小，ThickBox也能保持居中。

Features:

ThickBox was built using the super lightweight jQuery library. Compressed, the jQuery library is 20k, uncompressed it's 58k.
The ThickBox JavaScript code and CSS file only add an additional 15k (only 10k by using the thickbox-compressed.js) on top of the jQuery code. The CSS file could additionally be compressed if need be.
ThickBox will resize images that are bigger than the browser window.
ThickBox offers versatility (images, iframed content, inline content, and AJAX content).
ThickBox will hide form elements in Windows IE 6.
ThickBox will remain centered in the window even when the user scrolls the page or changes the size of the browser window. Clicking an image, the overlay, or close link will remove ThickBox.
Due to the ThickBox creator's view that transitions should be tailored by individual authors, ThickBox windows do not implement fancy transitions. Feel free to add them as you see fit. Is this a feature? Well, some might say it is.
ThickBox can be invoked from a link element, input element (typically a button), and the area element (image maps).

http://jquery.com/demo/thickbox/

转载于:https://www.cnblogs.com/ywqu/archive/2008/11/06/1327958.html