chisdy.A.Pro » Javascript http://chisdy.com chisdy.A.Pro Mon, 03 May 2010 04:20:40 +0000 en hourly 1 http://wordpress.org/?v=3.0 TinyBox–紧有3.5K的Javascript弹窗效果 http://chisdy.com/tinybox-javascript-popup-script/ http://chisdy.com/tinybox-javascript-popup-script/#comments Sat, 30 May 2009 10:23:24 +0000 chisdy http://chisdy.com/?p=19 从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

Random Posts

    ]]>     http://chisdy.com/tinybox-javascript-popup-script/feed/ 6