0

我创建了一个#logo由较小的#circleDIV &组成的 DIV h1。#circle充当我的 Raphael.js 对象（一个圆圈）在其中呈现的 DIV/画布。我的目标是做到这一点，当用户将鼠标悬停在DIV#logo上时，Raphael.js 圆圈h1将获得动画效果，但我遇到了一些问题.

  • 由于某种原因，我的 Raphael.js 圆对象.attr()在 jQuery.hover() handlerIn鼠标事件期间没有获得动画方法。改变会立即发生。

  • 此外，在handlerOut活动期间，Raphael.js 圈子根本没有.attr()应用其方法。它只保留在事件.attr()期间应用到它的属性handerIn

我的这个问题示例的代码位于此处。您可以单击该页面上的预览（右上角）以查看正在运行的代码。

4

1 回答 1

4 
$(c.node).animate({fill: "#666"}, 2000);

这是 jQuery 动画。显然 jQuery 不知道 Raphaël 对象。改用 Raphaël 动画：

c.animate({fill: "#666"}, 2000);

一般建议不要触及节点属性，除非你真的知道你在做什么。

于 2010-08-11T22:00:39.157 回答