首页 » 开源 » 轻量级的 JavaScript 弹出框脚本：TinyBox

轻量级的 JavaScript 弹出框脚本：TinyBox

Denis 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 条评论 添加你的评论 →

  • Showfom 2009-05-26 16:55:22 #

    沙发？

    支持 反对

  • Showfom 2009-05-26 16:57:22 #

    3.5KB :mrgreen: :mrgreen: :mrgreen:

    支持 反对

  • 小峰 2009-05-26 19:34:29 #

    博主您好，我有一个有关adsense嵌入文章的问题想向您求教，我很着急，所以特地给您留言，希望您大发慈悲，帮帮我!

    我的问题是这样的：我有一个博客，我的博客每篇文章都有一张图片，图片居中在上面，文字在下面，每篇文章都是如此. 我头两天申请了adsense, 可投放时却出现了问题。我不太懂代码，于是用google搜索，搜到这段css代码: …广告代码… , 于是我编辑Single.php，插入代码，可是一旦使用上面那段代码，adsense广告就出现在图片的上面，这样右边就会空一块，非常难看。我想让adsense出现在每篇文章图片的下面，然后嵌入在文字的左边. 博主知道代码吗？可以帮忙吗？我搜google没搜到。 :?:

    支持 反对

  • welee 2009-05-26 21:16:18 #

    这个我喜欢！！

    支持 反对

  • iiduce 2009-05-26 21:55:53 #

    呵呵，关于tinybox我也写了一篇博文（http://css9.net/javascript-lightweight-modal-window/），比你的这个在使用上要详细一点点，不知道对大家会不会有帮助。

    支持 反对

  • 辐射鱼 2009-05-27 03:59:57 #

    3.5kb，好轻巧呀

    支持 反对

  • Leeiio 2009-05-27 09:15:08 #

    確實很輕便，不過我都已經載入jquery了，用那個jquery的也無妨了～

    支持 反对

  • 沙漠 2009-05-27 10:44:51 #

    这个比较小,该有的效果也都有了,各浏览器都能兼容！不错。

    支持 反对

  • Chym.Wong 2009-05-27 12:35:06 #

    3.5KB 短小精悍 功能强大 牛 …

    支持 反对

  • Xiao3 2009-05-27 13:06:46 #

    希望能具体一些说明怎么使用这个代码？能否在文章中使用？

    支持 反对

  • sojune 2009-05-27 14:03:35 #

    楼主试过第一个例子吗，为啥一点就报js错误：拒绝访问

    支持 反对

  • riant 2009-05-27 16:57:47 #

    恩，试试。

    支持 反对

  • shuil 2009-05-27 19:28:33 #

    可惜在yo2用不了。 :cry:

    支持 反对

  • vsoin 2009-05-28 17:39:44 #

    轻巧…

    支持 反对

  • Gonten 2009-06-04 07:42:45 #

    对我用不着 :smile:

    支持 反对

  • Yellow 2009-06-05 13:26:04 #

    日志已删除，因为blog在做整理和调整，所以只是暂时的引用了博主的文章，不好意思。

    支持 反对

  • aikor 2009-06-05 19:31:47 #

    强悍,我正好需要~~
    谢谢水煮鱼

    支持 反对

  • iDea1983 2009-06-16 09:59:33 #

    有点lightbox的感觉！

    支持 反对1

发表评论

你必须 登陆 之后才能留言。你可以使用以下方式快速登陆我爱水煮鱼：

使用新浪微博登陆 使用腾讯微博登陆 使用豆瓣登陆

你也可选择直接在本站 注册。