jQuery圖片旋轉(zhuǎn)插件jQueryRotate.js用法實例(附demo下載)

更新時間：2016年01月21日 15:48:15 作者：張映

這篇文章主要介紹了jQuery圖片旋轉(zhuǎn)插件jQueryRotate.js用法,結(jié)合實例形式分析了圖片旋轉(zhuǎn)插件jQueryRotate.js用法,并附帶了demo示例代碼供讀者下載,需要的朋友可以參考下

本文實例講述了jQuery圖片旋轉(zhuǎn)插件jQueryRotate.js用法。分享給大家供大家參考，具體如下：

推薦一個圖片旋轉(zhuǎn)插件，用于瀏覽相冊時，旋轉(zhuǎn)圖片。

運行效果截圖如下：

點擊此處查看在線演示效果。

具體代碼如下：

<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常用插件及用法總結(jié)》

希望本文所述對大家jQuery程序設計有所幫助。

您可能感興趣的文章:

jQuery中:password選擇器用法實例
這篇文章主要介紹了jQuery中:password選擇器用法,實例分析了:password選擇器的功能、定義與匹配密碼框的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-01-01
jQuery實現(xiàn)在最后一個元素之前插入新元素的方法
這篇文章主要介紹了jQuery實現(xiàn)在最后一個元素之前插入新元素的方法,涉及jquery針對頁面元素的匹配選擇與屬性操作相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-07-07
Html5的placeholder屬性(IE兼容)實現(xiàn)代碼
Placeholder是HTML5新增的另一個屬性，當input或者textarea設置了該屬性后，該值的內(nèi)容將作為灰字提示顯示在文本框中，當文本框獲得焦點時，提示文字消失。以前要實現(xiàn)這效果都是用JavaScript來控制才能實現(xiàn) , firefox、google chrome等表示對其支持 , 唯獨IE不支持
2014-08-08
Jquery獲取radio選中的值
本文主要介紹了Jquery獲取radio選中值的相關知識，具有很好的參考價值。下面跟著小編一起來看下吧
2017-05-05
jquery ajax 登錄驗證實現(xiàn)代碼
ajax 登錄驗證實現(xiàn)代碼，這里用到了jquery，當然如果不想用，可以參考腳本之前發(fā)布的文章。
2009-09-09
jQuery列表檢索功能實現(xiàn)代碼
要實現(xiàn)一個簡單的列表，右上角有一個檢索功能我們要實現(xiàn)的是列表檢索功能，具體實例代碼大家參考下本文
2017-07-07
jquery提交form表單簡單示例分享
這篇文章主要介紹了jquery提交form表單示例,需要的朋友可以參考下
2014-03-03
Jquery結(jié)合HTML5實現(xiàn)文件上傳
本文給大家介紹的是利用Jquery使用HTML5的FormData屬性實現(xiàn)對文件的上傳的方法和實例，非常的實用，有需要的小伙伴可以參考下。
2015-06-06
jquery彈出遮掩層效果【附實例代碼】
下面小編就為大家?guī)硪黄猨query彈出遮掩層效果【附實例代碼】。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考，一起跟隨小編過來看看吧
2016-04-04
jQuery添加/改變/移除CSS類及判斷是否已經(jīng)存在CSS
正如標題所言會用到removeClass移除CSS類、addClass添加CSS類、toggleClass添加或者移除CSS類，hasClass判斷是否已經(jīng)存在CSS
2014-08-08