轻量级的 JavaScript 弹出框脚本：TinyBox
2009年05月26日
前面我介绍可以通过 ThickBox 这个 jQuery 插件实现弹出框效果，但是使用 ThickBox 需要事先导入 jQuery JS 文件，所以如果仅仅需要弹出框效果的话，有点过于臃肿，所以这个时候我推荐你使用，TinyBox 这个轻量级的 JavaScript 脚本。
TinyBox 是一个轻量级并且独立的模态窗口脚本，该脚本只有 3.5KB，不包括任何内置的幻灯片功能，但是可以显示任何的 AJAX 和 HTML 内容，还支持图片，并且能够自动隐藏，可以通过简单的 CSS 来定制样式的效果。TinyBox 已经在 Firefox 2/3, IE 6/7/8, Opera, Safari 和 Chrome 中测试过。使用 TinyBox 非常简单，通过一下代码即可：
TINY.box.show('advanced.html',1,300,150,1,3)
它一共有6个参数，第一个是要显示的 AJAX 或 HTML 内容。第二个是设置是否为 AJAX。第三个是宽度，0 为自动。第四个是高度，0 为自动。第五个是是否设置隐藏，第六个则是设置是否自动隐藏的时间。
18 条评论 添加你的评论 →
1. Showfom | 2009:05:26 - 16:55:22 | #
沙发？
2. Showfom | 2009:05:26 - 16:57:22 | #
3.5KB
3. 小峰 | 2009:05:26 - 19:34:29 | #
博主您好，我有一个有关adsense嵌入文章的问题想向您求教，我很着急，所以特地给您留言，希望您大发慈悲，帮帮我!
我的问题是这样的：我有一个博客，我的博客每篇文章都有一张图片，图片居中在上面，文字在下面，每篇文章都是如此. 我头两天申请了adsense, 可投放时却出现了问题。我不太懂代码，于是用google搜索，搜到这段css代码: …广告代码… , 于是我编辑Single.php，插入代码，可是一旦使用上面那段代码，adsense广告就出现在图片的上面，这样右边就会空一块，非常难看。我想让adsense出现在每篇文章图片的下面，然后嵌入在文字的左边. 博主知道代码吗？可以帮忙吗？我搜google没搜到。
4. welee | 2009:05:26 - 21:16:18 | #
这个我喜欢！！
5. iiduce | 2009:05:26 - 21:55:53 | #
呵呵，关于tinybox我也写了一篇博文（http://css9.net/javascript-lightweight-modal-window/），比你的这个在使用上要详细一点点，不知道对大家会不会有帮助。
6. 辐射鱼 | 2009:05:27 - 03:59:57 | #
3.5kb，好轻巧呀
7. Leeiio | 2009:05:27 - 09:15:08 | #
確實很輕便，不過我都已經載入jquery了，用那個jquery的也無妨了～
8. 沙漠 | 2009:05:27 - 10:44:51 | #
这个比较小,该有的效果也都有了,各浏览器都能兼容！不错。
9. Chym.Wong | 2009:05:27 - 12:35:06 | #
3.5KB 短小精悍 功能强大 牛 …
10. Xiao3 | 2009:05:27 - 13:06:46 | #
希望能具体一些说明怎么使用这个代码？能否在文章中使用？
11. sojune | 2009:05:27 - 14:03:35 | #
楼主试过第一个例子吗，为啥一点就报js错误：拒绝访问
12. riant | 2009:05:27 - 16:57:47 | #
恩，试试。
13. shuil | 2009:05:27 - 19:28:33 | #
可惜在yo2用不了。
14. vsoin | 2009:05:28 - 17:39:44 | #
轻巧…
15. Gonten | 2009:06:04 - 07:42:45 | #
对我用不着
16. Yellow | 2009:06:05 - 13:26:04 | #
日志已删除，因为blog在做整理和调整，所以只是暂时的引用了博主的文章，不好意思。
17. aikor | 2009:06:05 - 19:31:47 | #
强悍,我正好需要~~
谢谢水煮鱼
18. iDea1983 | 2009:06:16 - 09:59:33 | #
有点lightbox的感觉！