流星jquery动画

css

#sstar
{
位置：绝对位置；
左：2px；
排名前10名；
宽度：126px；
高度：80px；
背景：透明url（../images/shootingstar.png）不重复80px-200px；
z指数：99999；
不透明度：0；
过滤器：progid:DXImageTransform.Microsoft.Alpha（不透明度=0）；
}

动画运行得很慢？我如何像流星一样展示它

或者给出一个使用jquery显示流星的示例

输出应该是这样的

---

最近的事情是这样的

HTML:

jQuery代码很简单：

#Background {
    position: relative;
    background-image:url(http://nightsky.org.uk/night_sky_pics/night_sky_1.jpg);
    width: 400px;
    height: 309px;
}

#Star {
    position: absolute;
    right: 20px;
    top: 20px;
}
​

---

这是在容器内使用图像标记，并在容器内设置图像位置动画。

当然，您可以通过将500更改为较低的值来提高速度。我尝试了……但看不到任何差异。您的意思是？顺便说一下，当回复评论时，请使用

@

通知。@Sam我已经显示了输出链接。。我需要像这样的东西that@ShadowWizard您的示例增强了：

<div id="Background">
    <img src="http://www.com-geo.org/conferences/2011/images/presentations/deco/star_orange_20.png" id="Star" />
</div>​

#Background {
    position: relative;
    background-image:url(http://nightsky.org.uk/night_sky_pics/night_sky_1.jpg);
    width: 400px;
    height: 309px;
}

#Star {
    position: absolute;
    right: 20px;
    top: 20px;
}
​

$('#Star').animate({"right": "360px", "top": "150px"}, 1500);​