纯css3网页相片鼠标悬停效果，鼠标悬停之后，图片的边框会逐层展开。支持ie9+，chrome，firefox浏览器。 使用方法： 1、head区域引用文件 lrtk.css 2、在文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码 3、复制images文件夹里的图片到相应的路径

超酷CSS3图片3D旋转效果，鼠标悬停后，图片会3d旋转到另外一面。兼容chrome、firefox浏览器。 使用方法： 1、head区域引用文件 component.css, demo.css, normalize.css 2、在文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码 3、复制images文件夹里的图片到相应的路径 4、修改图片路径请打开component.css

15种CSS3图片Hover悬停效果代码，超级实用，兼容IE9+、chrome、firefox浏览器。 使用方法： 1、在head区域引入样式表文件normalize.css、demo.css、component.css 2、选取你想要的效果：<figure class="effect-lily"> …… </figure>为一个单元效果 3、3个css文件可根据你的需要做适当精简

5款CSS3图标鼠标悬停效果，鼠标悬停在图片上查看效果。兼容主流浏览器。 使用方法： 1、head区域引用文件 lrtk.css 2、在文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码 3、复制images文件夹里的图片到相应的路径

6款图片鼠标悬停效果JS代码，鼠标悬停在图片上后，文字标题以6种不同的动画形式出现，兼容主流浏览器，php中文网推荐下载！ 使用方法： 1、head区域引用css文件，modernizr.custom.js 2、在文件中加入!-- 代码 开始 --!-- 代码 结束 --区域代码 3、复制images文件夹里的图片到相应的路径

jQuery自动滚动五屏图片通栏代码，带左右按钮切换图片，鼠标移到图片后图片高亮显示，点击会显示带阴影的大图。兼容主流浏览器，php中文网推荐下载！ 使用方法： 1、head区域引用文件lrtk.css及js库 2、在文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码 3、复制images文件夹里的图片到相应的路径

intense图片全屏浏览插件(jQuery)，当鼠标点击图片时，可以全屏幕浏览图片，移动鼠标可以查看图片不同的部分，适合相册展示图片细节。兼容主流浏览器，php中文网推荐下载！ 使用方法： 1、head区域引用文件styles.css及intense.js 2、在文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码 3、复制images文件夹里的图片到相应的路径 4、修改css文件中的demo-image first,.demo-image.second,.demo-image.third的background-image属性

jQuery图片背景墙聚光灯效果代码，鼠标悬停在某张图片上时，该图片变亮，其他图片变暗。兼容主流浏览器，php中文网推荐下载！ 使用方法： 1、head区域引用文件lrtk.css及jquery 2、在文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码 3、复制images文件夹里的图片到相应的路径 4、修改图片的透明度，opacity : 0.2，数值范围为0至1之间的小数。

jQuery图片内容展开/收缩选项卡，点击图片会出现对应的文字解说。兼容主流浏览器，php中文网推荐下载！ 使用方法： 1、head区域引用以下文件 <link rel="stylesheet" href="css/jquery.gridquote.css"> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.gridquote.min.js"></script> 2、在文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码 3、复制images文件夹里的图片到相应的路径 4、引入以下js代码 <script type="text/javascript"> $(document).ready(function($){ $('.grid-container').gridQuote(); }); </script>

jQuery small2big图片缩放插件，兼容主流浏览器，php中文网推荐下载！ 使用方法： 1、head区域引用文件css和js库 2、在文件中加入html代码， 一个li对应一个图片，images文件夹的图片按数字命名 1.jpg, 2.jpg, ... <ul class="s2b_col" id="s2b_col">    <li></li>    <li></li>    <li></li>    <li></li>    <li></li>    <li></li> </ul> 3、引入以下js代码 $(document).ready(function(){ $("#s2b_col").small2big({ s2bRadius : 170, // 图片被放大时的圆形外框的半径 s2bColLiRowMargin : -10, // 每个圆形之间的距离 s2bLiBorderColor : "#000" // 圆形外框颜色 // s2bLiAlign : "V" 图片竖排 }).initS2bCol().addS2bFunction(); });

jQuery卡片式图片轮换代码，点击后可左右任意切换图片，顶部彩虹导航效果也不错，兼容主流浏览器，php中文网推荐下载！ 使用方法： 1、在head区域引入reset.css，style.css 2、在head区域引入jquery-1.4.2.min.js，roundabout.js，roundabout_shapes.js，gallery_init.js 3、在body区域加入代码注释部分 4、当前导航用class="current"标记。

jQuery仿京东图片变亮变暗效果，鼠标悬停图片之后该图片变亮，其他图片变暗。移开鼠标所有图片变亮。兼容主流浏览器，php中文网推荐下载！ 使用方法： 1、head区域引用文件lrtk.css及js库，animate.js是另外编写的动画函数。 <link  href=" css/lrtk.css" rel="stylesheet"/> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/animate.js"></script> <script type="text/javascript" src="js/lrtk.js"></script> 2、class="one" 代表一列可以放两个图片的div块， class="two"代表一列可以放一个图片的div块，文字说明在对应的   class为text的div块修改 3、js代码中，opacity参数调整透明度，第三个参数调整速度 animate(imgs[i],{left:0,opacity:1},100);

jQuery鼠标悬停在图片上效果，鼠标悬停后出现遮罩效果，并淡入出现文字，兼容主流浏览器，php中文网推荐下载！ 使用方法： 1、head区域引用文件lrtk.css及js库 <link rel="stylesheet" type="text/css" href="css/lrtk.css" media="all"> <script type="text/javascript" src="js/jquery.min.js"></script> 2、在文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码 3、具体微调请看代码注释 4、文字和跳转链接在代码中修改 <div class="banner"> <!-- 修改图片 --> <a href="http://www.lanrentuku.com/" target="_blank"> <img height="125" width="125" alt="Mail Chimp" src="images/seagaia_miyazaki.jpg" /> </a> <!-- 修改文字 --> <p class="companyInfo">图片信息五</p> <div class="cornerTL"></div> <div class="cornerTR"></div> <div class="cornerBL"></div> <div class="cornerBR"></div> </div>

jqzoom图片放大器代码，适合产品图片的展示，兼容主流浏览器，php中文网推荐下载！ 使用方法： 1、head区域引入 <link rel="stylesheet" href="css/jqzoom.css" type="text/css"> 2、 引入js库 <script src="js/jquery.min.js" type="text/javascript"></script> <script src="js/jqzoom.pack.1.0.1.js" type="text/javascript"></script> 3、调用jqzoom函数库 <script type="text/javascript"> $(function() { var options = { zoomWidth: 250, //放大镜的宽度 zoomHeight: 250,//放大镜的高度 zoomType:'reverse' }; $(".jqzoom").jqzoom(options); }); </script> 配置参数： zoomType，默认值：’standard’，另一个值是’reverse’，是否将原图用半透明图层遮盖。 zoomWidth，默认值：200，放大窗口的宽度。 zoomHeight，默认值：200，放大窗口的高度。 xOffset，默认值：10，放大窗口相对于原图的x轴偏移值，可以为负。 yOffset，默认值：0，放大窗口相对于原图的y轴偏移值，可以为负。 position，默认值：’right’，放大窗口的位置，值还可以是:’right’ ,’left’ ,’top’ ,’bottom’。 lens，默认值：true，若为false，则不在原图上显示镜头。 imageOpacity，默认值：0.2，当zoomType的值为’reverse’时，这个参数用于指定遮罩的透明度。 title，默认值：true，在放大窗口中显示标题，值可以为a标记的title值，若无，则为原图的title值。 showEffect，默认值：’show’，显示放大窗口时的效果，值可以为: ‘show’ ,’fadein’。 hideEffect，默认值：’hide’，隐藏放大窗口时的效果: ‘hide’ ,’fadeout’。 fadeinSpeed，默认值：’fast’，放大窗口的渐显速度(选项: ‘fast’,'slow’,'medium’)。 fadeoutSpeed，默认值：’slow’，放大窗口的渐隐速度(选项: ‘fast’,'slow’,'medium’)。 showPreload，默认值：true，是否显示加载提示Loading zoom(选项: ‘true’,'false’)。 preloadText，默认值：’Loading zoom’，自定义加载提示文本。 preloadPosition，默认值：’center’，加载提示的位置，值也可以为’bycss’，以通过css指定位置。

两种html5图片展示效果，动画效果流畅，兼容主流浏览器，php中文网推荐下载！ 使用方法： 1、在head区域引入样式表文件app.css，index.css和fonts.css 2、在你的网页中加入<!-- 代码 开始 --><!-- 代码 结束 -->注释区域代码即可 3、图标均使用Web开放字体，具体文件见css目录

jQuery鼠标经过方形图片切换成圆边特效，点击图片会弹出浮层，适合团队页面的展示，兼容主流浏览器，php中文网推荐下载！ 使用方法： 1、在head区域引入样式表文件lrtk.css 2、在head区域引入jquery-1.7.1.js 3、在你的网页中加入<!-- 代码 开始 --><!-- 代码 结束 -->注释区域代码即可。

CSS3圆形图片鼠标经过旋转效果，图片上有简短标题和说明，兼容主流浏览器，php中文网推荐下载！ 使用方法： 1、在head区域引入样式表文件lrtk.css 2、在你的网页中加入<!-- 代码 开始 --><!-- 代码 结束 -->注释区域代码即可 3、图片为方形，宽高在220像素以上，并有一定空白边距效果较好。

jQuery图片列表动画显示效果，鼠标移到图片上会弹出文字描述，非常适合做素材、网站模板主题的图片列表，兼容主流浏览器，php中文网推荐下载！ 使用方法： 1、在head区域引入样式表文件lrtk.css 2、在head区域引入jquery.1.4.2.min.js和lrtk.js 3、在你的网页中加入<!-- 代码 开始 --><!-- 代码 结束 -->注释区域代码，修改你的链接和图片即可。

网格图片手风琴jquery特效代码，结合网格手风琴缩略图和手风琴面板的功能，给你展示你的图片网站一个有趣的方法。你可以选择使用XML或HTML。功能强大的API将允许进一步提高这个jQuery插件的功能，可以方便地集成到您自己的应用程序。兼容主流浏览器，php中文网推荐下载！ 使用方法： 1、在head区域引入样式表文件style.css和grid-accordion.css 2、在head区域引入jquery-1.7.1.min.js和jquery.gridAccordion.min.js 3、在顶部添加手风琴图片配置js代码 4、在你的网页中加入<!-- 代码 开始 --><!-- 代码 结束 -->注释区域代码即可 5、公共方法，允许你使用外部输入的手风琴缩略图的控制（例如openpanel（3），nextpanel()，previouspanel()，getpanelat（2）等。）

jqzoom实现京东商品详细页产品图片放大镜效果，经常用于商城网站，对产品进行放大的一个效果，看的更加清晰，php中文网推荐下载！