您可能感興趣的相關文章
<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>
歡迎任何形式的轉載，但請務必注明出處。