jQuery圖片旋轉插件jQueryRotate.js用法實例(附demo下載)
更新時間:2016年01月21日 15:48:15 作者:張映
這篇文章主要介紹了jQuery圖片旋轉插件jQueryRotate.js用法,結合實例形式分析了圖片旋轉插件jQueryRotate.js用法,并附帶了demo示例代碼供讀者下載,需要的朋友可以參考下
本文實例講述了jQuery圖片旋轉插件jQueryRotate.js用法。分享給大家供大家參考,具體如下:
推薦一個圖片旋轉插件,用于瀏覽相冊時,旋轉圖片。
運行效果截圖如下:
點擊此處查看在線演示效果。
具體代碼如下:
<script type="text/javascript"> $(document).ready(function () { $("#images").rotate(45); var value = 0 $("#images1").rotate({ bind: { mouseover: function(){ value +=90; $(this).rotate({ animateTo:value}) } } }); $('#button').click(function(){ $("#images1").rotate({animateTo:parseInt($('#angel').val())}); }); function rotation (){ $("#images2").rotate({ angle:0, animateTo:360, callback: rotation, easing: function (x,t,b,c,d){ return c*(t/d)+b; } }); } rotation(); }); </script>
上面只是js代碼,完整實例代碼點擊此處本站下載。
更多關于jQuery插件相關內(nèi)容感興趣的讀者可查看本站專題:《jQuery常用插件及用法總結》
希望本文所述對大家jQuery程序設計有所幫助。
相關文章
使用jquery hover事件實現(xiàn)表格的隔行換色功能示例
hover(over,out)一個模仿懸停事件的方法,下面一個示例為大家詳細介紹下使用jquery實現(xiàn)表格的隔行換色功能,感興趣的朋友可以參考下2013-09-09jquery trigger實現(xiàn)聯(lián)動的方法
這篇文章主要介紹了jquery trigger實現(xiàn)聯(lián)動的方法,結合實例形式分析了trigger的具體使用技巧,需要的朋友可以參考下2016-02-02ajax jquery實現(xiàn)頁面某一個div的刷新效果
這篇文章主要給大家介紹了關于ajax jquery實現(xiàn)頁面某一個div的刷新效果的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2021-03-03