在raphaeljs中自定义地图

时间:2012-07-02 14:39:12

标签: javascript jquery map svg raphael

我正在尝试在 raphaeljs 中构建自定义地图,我希望这样做,使其像顺序出现的国家/地区的fadein淡出效果一样,因为我使用了{{1事件......

我已经尝试了一些东西,但它设法显示最后一项,它淡出淡出... 我想按顺序显示......任何人都可以帮忙???

以下是样本: -

http://jsfiddle.net/vpmzT/

1 个答案:

答案 0 :(得分:1)

这里有几个问题,第一个@JSantos已经指出:你将所有状态设置为同时闪烁,这可能不是预期的行为。 第二个问题是current变量以及intervalFunctions是共享的,因此为每个状态分配一个新值。这就是为什么你只获得列表中最后一个实际执行动画的状态 - 当动画开始时,intervalFunctions数组包含最后一个状态的动画函数。

有多种可能的解决方法,但通常您必须使用setTimeout(setInterval(animation_function(), total_interval), delay)安排动画按顺序运行。一种可能的(虽然不是非常易读)方式是http://jsfiddle.net/uTtaP/28/