1. 首頁
  2. 問答
  3. 無法讓jqueryrotate工作

無法讓jqueryrotate工作

2012-12-14 85 views
1

我沒有任何運氣獲得此​​上的jqueryrotate示例＃2來處理簡單的html頁面。我究竟做錯了什麼？謝謝您的幫助。無法讓jqueryrotate工作

這裏是我的代碼 -

<!DOCTYPE html> 

<head> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script> 
<script type="text/javascript" src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script> 
<STYLE type="text/css"> 
#img { margin:100px 100px;} 
</STYLE> 
</head> 
<body> 

<script type="text/javascript"> 
$("#img").rotate({ 
    bind: 
    { 
     mouseover : function() { 
      $(this).rotate({animateTo:180}) 
     }, 
     mouseout : function() { 
      $(this).rotate({animateTo:0}) 
     } 
    } 

}); 
</script> 


<img id="img" src="https://www.google.com/images/srpr/logo3w.png"> 
</body> 
</html>

來源

2012-12-14 this_guy

回答

1

你的代碼工作得很好，看到here。您可能需要使用ready。

$(document).ready(function() { 
    $("#img").rotate({ 
     bind: { 
      mouseover: function() { 
       $(this).rotate({ 
        animateTo: 180 
       }) 
      }, 
      mouseout: function() { 
       $(this).rotate({ 
        animateTo: 0 
       }) 
      } 
     } 

    }); 
});​

而且，我不建議使用ID #img這並不是說這是錯的，這只是那種醜陋IMO。

來源

2012-12-14 22:15:49 Trufa

+0

感謝您的幫助Trufa！ –

+0

@markobrien沒問題！很高興幫助！ – Trufa

相關問題

 相關問題