jquery onmouseover函数

Question

我需要使用Jquery

旋转图像onmouseover函数

file.js

$("#logo").rotate({
        bind:
         {
             mouseover: function () 
             {$(this).rotate({ animateTo: 180 })},
             mouseout: function () 
             {$(this).rotate({ animateTo: 0 })}
        }
 });

HTML

<script type="text/javascript" src="../script/file.js"></script>
<img id="logo" src="../images/logo.png" alt="none" /> 

此代码有什么问题吗？顺便说一下，我在互联网上找到了这个代码。 在JavaScript中没有函数调用rotate（）然后它如何工作？请提供任何链接以便我理解。

如果看起来像愚蠢的话，请忽略这个问题：）

Answer 1

.rotate()不是一个功能。你正在引用这个正确的插件吗？ 这必然是造成这个问题的原因。

Answer 2

看起来您正在尝试使用一些使用自定义JQuery插件的代码段。

在JQuery中没有用于旋转图像的内置函数。有很多可用的插件，例如http://code.google.com/p/jquery-rotate/和http://code.google.com/p/jqueryrotate/。

Answer 3

从此处http://code.google.com/p/jquery-rotate/downloads/list下载jquery.rotate.1-1.js，并在此调用之前将其包含在脚本标记中。