我爱水煮鱼 » 开源 » 轻量级的 JavaScript 弹出框脚本:TinyBox

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

前面我介绍可以通过 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 为自动。第五个是是否设置隐藏,第六个则是设置是否自动隐藏的时间。

演示 + 下载

标签:

分享到:

请选择你看完该文章的感受:

不错 超赞 无聊 扯谈 不解 路过
  1. 博主您好,我有一个有关adsense嵌入文章的问题想向您求教,我很着急,所以特地给您留言,希望您大发慈悲,帮帮我!

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

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

  3. 楼主试过第一个例子吗,为啥一点就报js错误:拒绝访问

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