![jQuery small2big图片缩放插件](https://img.php.cn/upload/jscode/000/000/001/58c39d0a058d7778.png)
![](/static/imghwm/eye.png)
jQuery small2big图片缩放插件,兼容主流浏览器,php中文网推荐下载! 使用方法: 1、head区域引用文件css和js库 2、在文件中加入html代码, 一个li对应一个图片,images文件夹的图片按数字命名 1.jpg, 2.jpg, ... <ul class="s2b_col" id="s2b_col">
![jQuery点击添加图片瀑布流布局效果](https://img.php.cn/upload/jscode/000/000/001/5993d8e0ef3a5967.png)
![](/static/imghwm/eye.png)
jQuery点击添加图片瀑布流布局效果基于jquery.2.1.4.min.js制作,鼠标点击网页任意地方添加2张图片,自动排版。
![仿360应用商店的jQuery幻灯片](https://img.php.cn/upload/jscode/000/000/001/58b92bde0f501837.png)
![](/static/imghwm/eye.png)
这个幻灯片分为2部分,左侧是幻灯图片。右侧是列表,列表并不是缩略图,而是小图标配上文字,具有淡入淡出的切换效果。还是不错的一款JQuery幻灯片
![jQuery支持局部缩放图片放大镜插件](https://img.php.cn/upload/jscode/000/000/001/58d768146bb23234.jpg)
![](/static/imghwm/eye.png)
jQuery支持局部缩放图片放大镜插件是一款提供2种图片缩放模式,图片内部缩放和图片外部缩放,并且可以在图片上使用鼠标滚轮来对图片进行局部缩放。
![jqzoom图片放大器代码](https://img.php.cn/upload/jscode/000/000/001/58c39a00be159318.png)
![](/static/imghwm/eye.png)
jqzoom图片放大器代码,适合产品图片的展示,兼容主流浏览器,php中文网推荐下载! 使用方法: 1、head区域引入 <link rel="stylesheet" href="css/jqzoom.css" type="text/css"> 2、 引入js库 <script src="js/j
![15种CSS3图片Hover悬停效果代码](https://img.php.cn/upload/jscode/000/000/001/58c3ba7d995fc187.png)
![](/static/imghwm/eye.png)
15种CSS3图片Hover悬停效果代码,超级实用,兼容IE9+、chrome、firefox浏览器。 使用方法: 1、在head区域引入样式表文件normalize.css、demo.css、component.css 2、选取你想要的效果:<figure class="effect-lily"> …… </figure>为一个单元效果 3、3
![5种风格css鼠标悬停图片显示文字信息](https://img.php.cn/upload/jscode/000/287/557/61d7944bb8cdd401.png)
![](/static/imghwm/eye.png)
这是一组鼠标悬停特效,含5种不同风格的css鼠标悬停图片显示文字信息,每种风格包含2-3个款式,款款经典美观,适合任何团队、产品、个人作品等的展示,是非常不错的悬停展示方法。
![橙色按钮jQuery在线客服代码](https://img.php.cn/upload/jscode/000/000/001/58df70d8c270b234.jpg)
![](/static/imghwm/eye.png)
橙色按钮jQuery在线客服代码是一款带二维码和返回顶部的QQ在线客服代码,默认隐藏,点击橙色在线咨询按钮即可展开,可设置一个QQ客服,2个客服电话,一个二维码图片,支持返回顶部功能。
![橙色按钮jQuery在线客服代码](https://img.php.cn/upload/jscode/000/000/001/58d1ea2d98f57182.jpg)
![](/static/imghwm/eye.png)
橙色按钮jQuery在线客服代码是一款带二维码和返回顶部的QQ在线客服代码,默认隐藏,点击橙色在线咨询按钮即可展开,可设置一个QQ客服,2个客服电话,一个二维码图片,支持返回顶部功能
![jQuery的可自动隐藏顶部消息提示框代码](https://img.php.cn/upload/jscode/000/000/001/5a2b5f8d1af1d654.png)
![](/static/imghwm/eye.png)
jQuery可自动隐藏顶部消息提示框代码,可设置提示消息3秒后自动消失,成功消息1.5秒后自动消失,失败消息2秒后自动消失,加载消息不会自动消失,强制隐藏消息等效果的jQuery消息提示框插件。
![MovingBoxes实现汽车图片展示](https://img.php.cn/upload/jscode/000/000/001/58c3c060c0be5559.png)
![](/static/imghwm/eye.png)
MovingBoxes实现汽车图片展示,键盘方向键( ← → )也可以操作左右切换,兼容主流浏览器。 使用方法: 1. head区域引用文件 lrtk.css,jquery.js,jquery.movingboxes.js 2. head区域引用插件设置代码 3. 在你的文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码
![仿百度图片放大效果](https://img.php.cn/upload/jscode/000/000/001/58c3bffc74398881.png)
![](/static/imghwm/eye.png)
仿百度图片放大效果(jQuery),鼠标移动到图片上自动放大,兼容主流浏览器。 使用方法: 1. head区域引用样式表文件lrtk.css 2. head区域引用jquery.js,以及js代码 3. 在你的文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码
![5款CSS3图标鼠标悬停效果](https://img.php.cn/upload/jscode/000/000/001/58c3b7b6c3f92367.png)
![](/static/imghwm/eye.png)
5款CSS3图标鼠标悬停效果,鼠标悬停在图片上查看效果。兼容主流浏览器。 使用方法: 1、head区域引用文件 lrtk.css 2、在文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码 3、复制images文件夹里的图片到相应的路径
![jQuery卡片式图片轮换代码](https://img.php.cn/upload/jscode/000/000/001/58c39c33e76e9551.png)
![](/static/imghwm/eye.png)
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区域加入代码注释部
![简单好用的立体式banner切换插件](https://img.php.cn/upload/jscode/000/000/001/599a3855bb3f6246.png)
![](/static/imghwm/eye.png)
效果描述: 简单好用的立体式左右滚动banner焦点图效果 源代码没有任何图片,且CSS较为冗余,懒人站长已经做过优化,方便懒人们使用 使用方法: 1、将CSS引入到你的页面中,保证命名不冲突 2、将index.html中代码部分拷贝到你需要的地方即可
![8种jQuery图片鼠标悬停效果](https://img.php.cn/upload/jscode/000/000/001/58c3bdca6802e961.png)
![](/static/imghwm/eye.png)
8种jQuery图片鼠标悬停效果,支持多种悬停效果(遮罩,图片飞出等),兼容主流浏览器。 使用方法: 1、head区域引用文件 jquery.min.js,lrtk.css, mosaic.css 2、在文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码 3、复制images文件夹里的图片到相应的路径