FancyBox是一个用于显示图像，HTML内容和多媒体的灯箱工具。

jquery插件之fancybox弹出框特效，与广为人之的灯箱插件比较类拟，可以展示单张图片，也可展示一组图片，它还可以展示自定义的内容与创建交互式、快速动态网页应用的网页开发技术载入外部文件的内容等，功能也是很方便与实用的。

演示效果（图像库):

样本代码：

link href=' ~/Content/jquery。精致的盒子。CSS ' rel='样式表/p h2First test(Image gallery)/H2 a class='花式盒1 ' rel=' group ' href=' http://farm 8。静态Flickr。com/7367/16426879675 _ e32 AC 817 A8 _ b . jpg ' img src=' http 3360http://farm 8。静态Flickr。com/7366ready(function(){ $(。fancybox 1 ').花式盒子()；});/scriptDemo效果（单幅图像):

样本代码：

link href=' ~/Content/jquery。fancybox。CSS ' rel='样式表/p h2Single images/H2 a id=' single _ 1 ' href=' http://farm 8。静态Flickr。com/7308/15783866983 _ 27160395 B9 _ b . jpg ' title=' Lupines(Kiddy Einars)' img src=' http 3360http://farm 8。静态Flickr。com ready(function(){ $(' # single _ 1 ')).花式方块({ helper s : { title : { type : ' float ' } } })；$('#single_2 ').花式方块({ openeffect : ' elastic '，closeEffect: 'elastic '，helper s : { title : { type : ' inside ' } } })；$('#single_3 ').fancybox({ openEffect: 'none '，closeEffect: 'none '，helper s : { title : { type : ' out ' } } })；$('#single_4 ').花式方块({ helper s : { title : { type : ' over ' } } })；});/scriptDemo效果（缩略图):

样本代码：

链接href=' ~/content/jquery。fanybox。CSS ' rel='样式表'/link href=' ~/content/jquery。fany box-拇指。CSS ' rel='样式表'/p2缩略图帮助器/h2a class=' fanybox-thumb b ' rel=' fanybox-thumb b ' href=' http://farm 8。静态舔食者。com/7495/16346771 _ 60b 27 a 54 B9 _ b . jpg ' title=' brvik ready(函数(){ $(')。fany box-拇指。)。fanybox({ prev effect 3360 '灵活性，nexteffect 3360 '灵活性，helper 3330 { title 3360 { type 3360 ' inside } }，thumbs : { width : 50，height : 50 } })；});/脚本3日曰jquery-jquery-jquery-jquery-jquery-jquery-jquery-jquery诶哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟法克斯足球俱乐部你看，你看，你看，你看，你看，你看，你看，你看，你看，你看，你看，你看，你看，你看，你看，你看，你看，你看，你看，你看，你看，你看，你看，你看，你看，你看，你看，你看，你看，你好，云娥六号范思哲范思哲。喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂。（云娥：IE6哎亲1997年Firefox chrome作业safari 360朱塞佩范塞佩)