【问题标题】:How to Animate the background world map position如何为背景世界地图位置设置动画
【发布时间】:2012-02-05 12:09:18
【问题描述】:

我想做一些类似于 http://www.impala-wl.com/our_global_locations.aspx 的东西。米 我的代码附在下面,但背景图像重复,我的动画没有到达特定国家。它只是动画。我怎样才能使动画转到某些国家/地区 div。我想要一个类似于上面给出的示例链接的动画,即。当我单击某个国家/地区 div 时,应显示一个弹出窗口(我可以处理)。我坚持动画和背景世界地图动画。

有人可以在这里帮助我吗?我坚持尝试了 4 天。我不是 Jquery 方面的专家。如果有人指出解决此问题的步骤/方法,我将不胜感激。

非常感谢您的宝贵时间。

我的代码在这里: http://www.mediafire.com/?pwmf4ywi9r63i73

【问题讨论】:

    标签: jquery background position jquery-animate


    【解决方案1】:

    我认为如果你想用 jQuery 来做,你应该将此图像设置为某个 div 的背景(将其 id 设置为#map)。然后你必须创建将移动背景的js代码。

    您可以使用此代码link(演示:link

    在您的代码中,您必须更改背景位置

    下次如果您想提供帮助,请将您的代码放入 pastebin 或其他地方。

    【讨论】:

    • 谢谢,@KacperKolodziej 让我试试代码,我会在这里更新。
    • 好的。我可以告诉你,sb 为 jQuery 创建了插件,它允许在 $.animate() 方法中使用 background-position 属性:)
    • 它不工作:(你能给我看一个简单的工作演示吗。
    • 它不起作用,因为它是示例。我会创建其他的,但你必须耐心等待。
    • 我做了某事,但效果不佳。我认为这是javascript浏览器限制的问题。您可以在此处查看演示:link 和 javascript 代码:link (index.html: link) 我认为 javascript 不是执行此类脚本的好方法。该解决方案在 Chrome 中比在 Firefox 中效果更好。我不知道它是否适用于 IE,因为我是 Linux 用户。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-06-17
    • 1970-01-01
    • 1970-01-01
    • 2021-08-23
    • 1970-01-01
    相关资源
    最近更新 更多