拉斐尔用<li>制作动画弧

时间:2016-04-11 01:19:01

标签: javascript jquery raphael diagram

我遵循本教程(http://tympanus.net/codrops/2011/04/22/animated-skills-diagram/)并且我想添加一个图例列表,可以在图表中模拟相同的动画,但是当您将鼠标放在列表中时。例如,如果您在&#34; HTML&#34;中移动鼠标传奇列表中的元素,&#34; HTML&#34;图中的圆弧弹出方式与直接在圆弧中移动鼠标的方式相同

我不知道你是否理解我要解释的内容,我会尽力而为

但提前感谢您的帮助

1 个答案:

答案 0 :(得分:0)

你有两个主要问题......

首先是$(&#34; .html&#34;)。mouseover位于&#39;每个&#39;功能,所以你设置了5个左右的鼠标悬停,将通过一个悬停执行。我猜你实际上并不想要这个。

然后z变量将超出范围。您需要确定如何设置一个html元素以引用相应的svg元素。你可以通过给他们一个特定的id,或哈希表或数组或其他东西来做到这一点。