TinyBox–紧有3.5K的Javascript弹窗效果
Posted in Javascript by chisdy on May 30th, 2009 2,895Views and 6 Comments »从Jquery出来就挺关注的,但是往往为了单个效果而加载30几K甚至更多的JS似乎有点超过了,公司程序员的电脑就特别明显,效果用的越多,那机子就越容易罢工,于是他的观念是尽量不要用不必要的效果,但是目前特别流行的灯箱效果,弹窗效果,无论是在展示图片还是内置隐藏文本还是外联框架网页都是不错的,对于前台制作来说,效果是比较有吸引力的。
感觉TinyBox应该就是为了解决这样的问题而诞生的,紧有3.5K的大小,可以显示任何的 AJAX 和 HTML 内容,还支持图片,并且能够自动隐藏,可以通过简单的 CSS 来定制样式的效果。使用 TinyBox 非常简单,通过一下代码即可:
TINY.box.show('advanced.html',1,300,150,1,3)
它一共有6个参数,第一个是要显示的 AJAX 或 HTML 内容。第二个是设置是否为 AJAX。第三个是宽度,0 为自动。第四个是高度,0 为自动。第五个是是否设置隐藏,第六个则是设置是否自动隐藏的时间。
TinyBox 已经在 Firefox 2/3, IE 6/7/8, Opera, Safari 和 Chrome 中测试过。
原文地址:http://www.leigeber.com/2009/05/javascript-popup-box/
Demo地址:http://sandbox.leigeber.com/tinybox/
下载地址:http://sandbox.leigeber.com/tinybox/tinybox.zip



