转贴 lightbox

出处 ： http://www.linstyle.cn/website/lightbox-slimbox-lytebox-litebox/
关于lightbox，第一次看到他是在一个设计师的博客里，窗口黯淡下来，图片缓缓的打开，美丽的效果让我为之震撼！于是，追寻这它；而自蓝色理想有人汉化lightbox使用方法之后，这两年来已经是广为人知。
我因为之前曾长期追寻lightbox，收集到了多种lightbox效果，可见设计师对他的喜爱程度。以下，就我收集的lightbox中提出六种完整的lightbox效果做出介绍和评价，提供给喜欢lightbox效果的朋友；安装什么的就不再多做介绍了

lightbox原版
演示： http://demo.linstyle.cn/lightbox/lightbox.html
这个是最早的版本，也是第一个让我震撼的网页特效了。基于prototype，效果流畅，支持键盘翻页，缺点是必须在网页中所有元素载入完毕后才可以使用，最新版本是2.03.3，演示里是最新版本。103K的体积，稍微有些大了。
litebox
演示： http://demo.linstyle.cn/lightbox/litebox.html
据我所知这个算是比较早的打着精简优化口号的lightbox了，好家伙，直接减肥到24K了，减了79K呢，精简掉了键盘翻页，图片组和单一图片的功能保留，滑动的特效以缩进缩出为主。
litebox超级精简版
演示： http://demo.linstyle.cn/lightbox/xiao.html
怎么说呢，这个只调用了一个16K大小的JS文件，也算是目前最精简的ligtbox效果了，同之前的litebox一样，没有键盘翻页，其余没有什么变花，特效依然是缩进缩出为主，推荐使用！
moobox演示： http://demo.linstyle.cn/lightbox/moobox.html
来自基于mootools的特效库，使用的js只有6K大小，效果比原版的lightbox感觉更是流畅，滑动十分有质感！底部感觉好像是下拉出来的一样；I like mootools!!
有保留键盘翻页功能，并且页面图片不载入完毕也可以使用（网页必须载入完），推荐使用！！
slimbox
演示： http://demo.linstyle.cn/lightbox/slimbox.html
同moobox其实是一个妈生的，基于mootools的特效库，使用的js同样只有6K大小，但js内部有少许不同，不知道是不是改良版，是本站现在在使用的效果，呵呵，不仅底部是以下拉的方式出现，还可以完整的切换会lightbox原版的效果^_^
lytebox
演示： http://demo.linstyle.cn/lightbox/lytebox.html
OK，最后这一个，保留了lightbox所有的同时，还支持换肤功能，支持自动播放功能，支持嵌入页面功能，支持嵌入页面组的功能，功能强大配合lightbox的效果，酷毙了！！这么多的效果你担心他的体重吗？完全不用担心，lytebox仅仅只使用一个38K大小的JS就能完美的工作，让你享受更多的功能！特别推荐！！
--------------------------------------------------------------------------------
OK，暂时就介绍到这里，lightbox的版本远远不止这些，今天挑选的六款都是保留了lightbox招牌的滑动效果的版本，还有各种的lightbox效果在被创作出来，再此之前，提供以上六种版本的lightbox给大家，好好的享受lightbox带来的视觉冲击吧！
点击下载

转载于:https://www.cnblogs.com/jueban/archive/2007/12/12/992264.html