使用 jQuery 在动画对象之间建立连接线
我正在根据分子图的想法构建动画导航。它当前包含 3 个六边形,当其中任何一个悬停在其上时,它们会产生动画。
这是我到目前为止所拥有的: http://www.billjordandesign.com/tutorials/hexagon_test.html
我想包括连接六边形(如图表)的线,这些线在六边形动画时随六边形一起移动,以便它们看起来保持连接。
有人对从哪里开始寻找解决方案有任何建议吗?
I'm building an animated navigation based on the idea of a molecular diagram. It currently contains 3 hexagons that are animated when any one of them is hovered over.
Here is what I have so far: http://www.billjordandesign.com/tutorials/hexagon_test.html
I'd like to include lines that connect the hexagons (like a diagram) that move along with the hexagons as they are animated so they appear to stay connected.
Does anyone have any advice on where to start looking for a solution?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
我认为 jQuery 可能不是最好的选择,除非你一直坚持使用完美的直线。
RaphaelJS 可能更合适。
如果您无法使用 jQuery,您可能需要查看一些这些插件 。
I think jQuery might not be the best bet, unless you're sticking with perfectly straight lines all the time.
RaphaelJS might be a better fit.
If you're stuck w/ jQuery, you may want to check out some of these plugins.
您可能还想查看一个名为 easeljs 的框架。它不像 rapheal 那么强大,但这可能是一个优势。 EaselJS
You May also want to check out a framework called easeljs. Its not quite as robust as raepheal, but that may be an advantage. EaselJS