快捷導(dǎo)航

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

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

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

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

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

運(yùn)行效果截圖如下：

點(diǎ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代碼，完整實(shí)例代碼點(diǎn)擊此處本站下載。

更多關(guān)于jQuery插件相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jQuery常用插件及用法總結(jié)》

希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

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