1.介绍

jQuery制作嗡嗡声图片全屏放大弹出层插件。

2.使用方法1.引入以下的射流研究…和钢性铸铁文件

链接rel='样式表href=' CSS/zoom。CSS ' media=' all '/script src=' http : js/jquery-1。9 .1 .量滴js '/script script src=' http : js/zoom。量滴js '/脚本2 .在头标签中加入以下射流研究…代码

ul class=' gallery ' lia href=' path/to/large 1。jpg ' img src=' http :路径/to/缩略图1。jpg '/a/Li lia href=' path/to/large 2。jpg ' img src=' http :路径/to/缩略图2。jpg '/a/Li lia href=' path/to/large 3。jpg ' img src=' http 3360 path/to/thumbnail 3。jpg .演示图

4.全部代码：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=UTF-8' /titlejQuery制作嗡嗡声图片全屏放大弹出层插件/title style type=' text/CSS ' body { overflow-y : scroll；font-family : ' Helveticaneue-Light '，' HelveticaNeue Light '，' Helveticaneue '，Helvetica，无衬线；背景： # F4 F4；划水：0;margin :0 } h1 { font-size :31 px；线高：32 px字体粗细：正常；边距-底部：25 px}a、a :悬停{边框：无；文本装饰：无；}img，一个img { border 3360 none } pre { overflow-x : }滚动；背景# ffffffborder:1px实心# cecepadd :10 px }。清除{ clear:both}。放大了。容器{-web kit-filter : blur(3px)；滤镜：模糊(3px)；}.容器{ width :505 pxmargin :0 auto }。图库{列表样式-:型无；float : leftbackground : # ffffpadd :20 px 20px 10px 20pxmargin 33600-web套件-box-shadow :0 1px 3px rgba(0，0，0，0.25)；-moz-box-shadow :0 1px 3px rgba(0，0，0，0.25)；box-shadow:0 1px 3px rgba(0，0，0，0.25)；-网络套件-边框-半径：2 px-moz-边界-半径：2 px边框-半径：2 px}.画廊Li { float : leftpadd :0 10px 10px 0；}.李画廊： th-child(6n){ padding-right :0；}.阿利画廊。画廊li img { float:left}/style！-图片弹出层样式必要样式- link rel='样式表href=' CSS/zoom。CSS ' media=' all '/headdydiv class=' container ' h1 zoom-jQuery照片库插件/h1 ul class=' gallery ' lia href=' img/gallery/DSC _ 0008-660 x441。jpg ' img src=' http : img/gallery/DSC _ 0008-69x 69。jpg/a/Li lia href=' img/gallery/DSC '以上所述就是本文的全部内容了，希望大家能够喜欢。