本文實例講述了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外掛相關內容有興趣的讀者可查看本站專題:《jQuery常用外掛及用法總結》
希望本文所述對大家jQuery程式設計有所幫助。