本文實例講述了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程序設計有所幫助。
新聞熱點
疑難解答