您可能感兴趣的相关文章
<a href="http://www.cnblogs.com/lhb25/archive/2013/03/20/50-jquery-plugins-c.html" target="_blank">50款最有用的 jQuery 插件集锦《表单篇》</a>
<a href="http://www.cnblogs.com/lhb25/archive/2013/02/01/50-jquery-plugins-a.html" target="_blank">50款最有用的 jQuery 插件集锦《网页布局篇》</a>
<a href="http://www.cnblogs.com/lhb25/archive/2013/02/01/50-jquery-plugins-b.html" target="_blank">50款最有用的 jQuery 插件集锦《内容滑块篇》</a>
<a href="http://www.cnblogs.com/lhb25/archive/2013/02/01/50-jquery-plugins-b.html" target="_blank">50款最有用的 jQuery 插件集锦《网站导航篇》</a>
tiltShift.js 是一款很棒的 jQuery 插件，使用 CSS3 图片滤镜实现移轴镜头的效果。
使用非常简单，使用 data 属性配置参数，HTML 示例：
-position（0-100），定义对焦点的位置。
-blur（0 - ？），模糊半径。设置为1或2比较合适。
-focus（0-100），焦点的区域大小。
-falloff （0-100），完全焦点和完全模糊之间的区域大小。
-direction（“x”，“y”，或 0-360），方向。
JavaScript 调用示例：
jQuery Picture 是一款用于在网页中添加响应式图片的插件，在不同设备尺寸下显示不同的图片。
HTML 代码示例：
JavaScript 示例：
非常非常酷的 3D 图片滑动效果，有五种绚丽的效果演示。使用示例如下：
HTML 代码：
提供了众多的配置选项，可以根据需要进行调整，下面是默认选项：
让人瞠目结舌的图片切换效果，有 Flip、Multi-flip、Rotation、Cube、Unfold 等特效。
<a href="http://www.yyyweb.com/demo/inner-show/image-transitions.html" target="_blank">Demo 1: Flip</a>
<a href="http://www.yyyweb.com/demo/inner-show/image-transitions.html" target="_blank">Demo 2: Rotate</a>
<a href="http://www.yyyweb.com/demo/inner-show/image-transitions.html" target="_blank">Demo 3: Multi-Flip</a>
<a href="http://www.yyyweb.com/demo/inner-show/image-transitions.html" target="_blank">Demo 4: Cube</a>
<a href="http://www.yyyweb.com/demo/inner-show/image-transitions.html" target="_blank">Demo 5: Unfold</a>
<a href="http://www.yyyweb.com/demo/inner-show/image-transitions.html" target="_blank">Demo 6: Others</a>
Responsive Img 这款 jQuery 插件能够根据容器的大小自动更换图片的 src 属性，从而实现响应式的图片展示。
HTML 示例代码：
JavaScript 示例代码：
精致的图片导航效果，通过四个方向的箭头控制，适合作品展示的应用场合。
默认参数配置的示例代码如下：
<a href="http://www.cnblogs.com/lhb25/archive/2013/01/06/jquery-image-carousel-effect.html" target="_blank">12款经典的白富美型 jQuery 图片轮播插件</a>
<a href="http://www.cnblogs.com/lhb25/archive/2012/08/08/ajax-jquery-pagination-plugin-tutorial.html" target="_blank">精心挑选的优秀jQuery Ajax分页插件和教程</a>
<a href="http://www.cnblogs.com/lhb25/archive/2012/08/06/jquery-text-effects-plugins.html" target="_blank">精心挑选的优秀 jQuery 文本特效插件和教程</a>
<a href="http://www.cnblogs.com/lhb25/archive/2012/08/13/jquery-image-effects-plugins.html" target="_blank">精心挑选的美轮美奂的 jQuery 图片特效插件</a>
<a href="http://www.cnblogs.com/lhb25/archive/2012/08/21/jquery-accordion-tutorials.html" target="_blank">精心挑选12款优秀 jQuery 手风琴插件和教程</a>
欢迎任何形式的转载，但请务必注明出处。