图片特效
最全的网页图片特效代码大全，包括JS图片特效、jquery图片特效、CSS图片特效等，找图片特效就上php中文网源码站，全部免费！
-
仿百度图片放大效果
仿百度图片放大效果（jQuery)，鼠标移动到图片上自动放大，兼容主流浏览器。 使用方法： 1. head区域引用样式表文件lrtk.css 2. head区域引用jquery.js，以及js代码 3. 在你的文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码图片特效2017-03-11230078 -
天猫商城图片变暗效果
天猫商城图片变暗效果（jQuery)，鼠标移动到图片上后，其他图片都变暗以突出当前主体图片，兼容主流浏览器。 使用方法： 1. head区域引用样式表文件lrtk.css 2. head区域引用jquery.js，以及js代码 3. 在你的文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码图片特效2017-03-11269576 -
产品图片局部放大效果js特效代码
JS产品图片局部放大效果，鼠标移到产品图片上可局部放大，点击图片可浏览完整产品大图，鼠标移动到左侧箭头可上下滚动缩略图，兼容主流浏览器。 使用方法： 1. head区域引用文件 mzp-packed.js，lrtk.css，magiczoomplus.css 2. 在你的文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码 3. lrtk.js图片特效2017-03-112205109 -
JS超酷图片翻动展示效果
JS超酷图片翻动展示效果，根据鼠标进出图片的方向来控制图片进出的方式，效果超炫，兼容主流浏览器。 使用方法： 1、head区域引用文件 lrtk.css，animation.css 2、在文件中加入!-- 代码 开始 --!-- 代码 结束 --区域代码 3、js代码需要在html代码之后载入public.js，main.js 4、如需修改图片尺寸，直接在lrtk.css第10行修改即可图片特效2017-03-112222120 -
jQuery产品图片缩放效果代码
jQuery产品图片缩放效果代码，点击缩略图后放大原图，可以鼠标拖动放大图，兼容主流浏览器。 使用方法： 1、head区域引用文件 jquery.js，lrtk.css 2、在文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码 3、复制images文件夹里的图片到相应的路径 4、引入imagezoom.js，product_img.js图片特效2017-03-11247061 -
8种jQuery图片鼠标悬停效果
8种jQuery图片鼠标悬停效果，支持多种悬停效果(遮罩，图片飞出等)，兼容主流浏览器。 使用方法： 1、head区域引用文件 jquery.min.js，lrtk.css, mosaic.css 2、在文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码 3、复制images文件夹里的图片到相应的路径图片特效2017-03-11229478 -
纯css3网页相片鼠标悬停效果
纯css3网页相片鼠标悬停效果，鼠标悬停之后，图片的边框会逐层展开。支持ie9+，chrome，firefox浏览器。 使用方法： 1、head区域引用文件 lrtk.css 2、在文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码 3、复制images文件夹里的图片到相应的路径图片特效2017-03-11238085 -
超酷CSS3图片3D旋转效果
超酷CSS3图片3D旋转效果，鼠标悬停后，图片会3d旋转到另外一面。兼容chrome、firefox浏览器。 使用方法： 1、head区域引用文件 component.css, demo.css, normalize.css 2、在文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码 3、复制images文件夹里的图片到相应的路径 4、修改图图片特效2017-03-11264571 -
15种CSS3图片Hover悬停效果代码
15种CSS3图片Hover悬停效果代码，超级实用，兼容IE9+、chrome、firefox浏览器。 使用方法： 1、在head区域引入样式表文件normalize.css、demo.css、component.css 2、选取你想要的效果：<figure class="effect-lily"> …… </figure>为一个单元效果 3、3图片特效2017-03-112228161 -
5款CSS3图标鼠标悬停效果
5款CSS3图标鼠标悬停效果，鼠标悬停在图片上查看效果。兼容主流浏览器。 使用方法： 1、head区域引用文件 lrtk.css 2、在文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码 3、复制images文件夹里的图片到相应的路径图片特效2017-03-11299473 -
6款图片鼠标悬停效果JS代码
6款图片鼠标悬停效果JS代码，鼠标悬停在图片上后，文字标题以6种不同的动画形式出现，兼容主流浏览器，php中文网推荐下载！ 使用方法： 1、head区域引用css文件，modernizr.custom.js 2、在文件中加入!-- 代码 开始 --!-- 代码 结束 --区域代码 3、复制images文件夹里的图片到相应的路径图片特效2017-03-11289990 -
jQuery自动滚动五屏图片通栏代码
jQuery自动滚动五屏图片通栏代码，带左右按钮切换图片，鼠标移到图片后图片高亮显示，点击会显示带阴影的大图。兼容主流浏览器，php中文网推荐下载！ 使用方法： 1、head区域引用文件lrtk.css及js库 2、在文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码 3、复制images文件夹里的图片到相应的路径图片特效2017-03-11249890 -
intense图片全屏浏览插件(jQuery)
intense图片全屏浏览插件(jQuery)，当鼠标点击图片时，可以全屏幕浏览图片，移动鼠标可以查看图片不同的部分，适合相册展示图片细节。兼容主流浏览器，php中文网推荐下载！ 使用方法： 1、head区域引用文件styles.css及intense.js 2、在文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码 3、复制images文件夹图片特效2017-03-11197472 -
jQuery图片背景墙聚光灯效果代码
jQuery图片背景墙聚光灯效果代码，鼠标悬停在某张图片上时，该图片变亮，其他图片变暗。兼容主流浏览器，php中文网推荐下载！ 使用方法： 1、head区域引用文件lrtk.css及jquery 2、在文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码 3、复制images文件夹里的图片到相应的路径 4、修改图片的透明度，opacity :图片特效2017-03-11280764 -
jQuery图片内容展开-收缩选项卡
jQuery图片内容展开/收缩选项卡，点击图片会出现对应的文字解说。兼容主流浏览器，php中文网推荐下载！ 使用方法： 1、head区域引用以下文件 <link rel="stylesheet" href="css/jquery.gridquote.css"> <script type="text/javascript&q图片特效2017-03-11159770 -
jQuery small2big图片缩放插件
jQuery small2big图片缩放插件，兼容主流浏览器，php中文网推荐下载！ 使用方法： 1、head区域引用文件css和js库 2、在文件中加入html代码， 一个li对应一个图片，images文件夹的图片按数字命名 1.jpg, 2.jpg, ... <ul class="s2b_col" id="s2b_col">图片特效2017-03-11196956 -
jQuery卡片式图片轮换代码
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区域加入代码注释部图片特效2017-03-111972107 -
jQuery仿京东图片变亮变暗效果
jQuery仿京东图片变亮变暗效果，鼠标悬停图片之后该图片变亮，其他图片变暗。移开鼠标所有图片变亮。兼容主流浏览器，php中文网推荐下载！ 使用方法： 1、head区域引用文件lrtk.css及js库，animate.js是另外编写的动画函数。 <link href=" css/lrtk.css" rel="stylesheet"/>图片特效2017-03-11286947 -
jQuery鼠标悬停在图片上效果
jQuery鼠标悬停在图片上效果，鼠标悬停后出现遮罩效果，并淡入出现文字，兼容主流浏览器，php中文网推荐下载！ 使用方法： 1、head区域引用文件lrtk.css及js库 <link rel="stylesheet" type="text/css" href="css/lrtk.css" media="all&q图片特效2017-03-11179178 -
jqzoom图片放大器代码
jqzoom图片放大器代码，适合产品图片的展示，兼容主流浏览器，php中文网推荐下载！ 使用方法： 1、head区域引入 <link rel="stylesheet" href="css/jqzoom.css" type="text/css"> 2、 引入js库 <script src="js/j图片特效2017-03-11188359
热门下载
响应式图文卡片滑块展示特效
jQuery swiper制作响应式的图文列表卡片滑动切换展示,html5响应式布局,手机端,html5响应式,手指滑动,触屏滑动,图文列表,swiper,卡片
图片特效
2021-07-09
