jquery鼠标悬停函数答案

【问题标题】：jquery onmouseover functionjquery鼠标悬停函数
【发布时间】：2012-08-29 16:18:09
【问题描述】：

我需要使用 Jquery 在鼠标悬停功能上旋转图像

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() 的函数调用，那么它是如何工作的呢？请提供任何链接，以便我理解。

如果这个问题看起来很愚蠢，请忽略这个问题:)

【问题讨论】：

给你一个小提琴jsfiddle.net/Db3CW
stackoverflow.com/questions/7936396/jquery-rotate-transform

标签： javascript jquery

【解决方案1】：

.rotate() 不是函数。您是否正确引用了任何插件？这一定是导致问题的原因。

【讨论】：

我需要从图像 onmouseover() 调用函数，然后我应该用 rotate() 替换什么？

【解决方案2】：

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

【讨论】：

【解决方案3】：

您似乎正在尝试使用一些正在使用自定义 JQuery 插件的代码 sn-p。

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

【讨论】：