mootools实现lightface弹窗特效

作者:林炜贤来源:www.163css.com发表时间:(2011-09-22)

弹窗在网站中的应用可谓无处不见,就像tab菜单一样。tab菜单可以将内容隐藏起来,但用户又可以看到,可以大容量地在页面上显示信息。

那么弹窗呢?为何会广泛应用?jquery有lightbox弹窗,可以用来显示大图,可以用来做登录,功能强大。可能是用的用户喜欢弹出的这个效果,再加上那个灰色的背景,觉得很酷,我第一次见也是觉得好酷哦。。

今天介绍的是mootools实现弹窗,它的名字叫“lightface”,当然了,页面里还有两个lightface的脚本,其中一个是加载iframe,因为我们今天的内容是通过iframe加载进来的。

我在猫扑上找了何炯当年教书的图片,估计许多人没见过,我也是第一次看到,呵呵。。

这个背时窗的背景层是可以变大缩小的,通过四个脚的背景图,大小可以在页面上的脚本调整,方便啊,不过你要在iframe里定义你的页面信息。

以下是我制作的效果截图:

以下我提供源文件,欢迎有需要的朋友下载使用:

预览地址:http://www.163css.net/net163/cssjs/201109/lightface/index.html

下载地址:mootools实现lightface弹窗 .zip

返回作者主页:www.163css.com阅读 (8514)
更多 1