js實現旋轉的圖片

gif可以實現旋轉的圖片，但是怎么使用js實現的。自己想了一下，打算實現一下，整體思路也很簡單，每隔一段時間，旋轉一下圖片，看起來就像在一直旋轉一樣。實例地址

旋轉rotate.js的代碼如下:

/**


Created by YD on 5/7/15.
Base on Jquery
*/
var ele ;

//自定義函數
$.fn.extend({
    rotate: function () {
        ele = this ;
        setInterval('singleRotate()',20);
    }
});
//初始角度
var degree = 0;
//單次旋轉
function singleRotate() {
    //一次增加50度
    degree = degree + 50 * Math.PI / 180;
    ele.css("transform","rotate("+degree+"deg)");
}</pre> 


 代碼中只需引用一下js就行了，我將其封裝后放在了服務器上，大家可以直接引用 

 
  
   </tr> 
  </tbody> 
 </table> 
</div>
 引用前記得引用jquery，最后在自己的代碼中調用rotate方法即可。 
 
 
 
  
 
   
 
    
 
     

       1
      
 
     
 </td> 
    
 
     

       <script src="http://libs.codeboy.me/js/rotate/1.0/rotate.js"></script> 
     
 


 
 
 
  
 
   
 
    

      1
     
 
    
 
 
   
 
    

       $(element).rotate(); 
    
 
 
  
 
 
 
                    
                    

                        
 本文由用戶 jopen  自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
                        
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
                        
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！
                        
 本文地址：http://www.baiduhome.net/code/view/1437281473099
                        
 Java JavaScript