Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/476.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery中的精灵表动画_Javascript_Jquery_Web - Fatal编程技术网

Javascript jQuery中的精灵表动画

Javascript jQuery中的精灵表动画,javascript,jquery,web,Javascript,Jquery,Web,我想为一个网站创建一个动画logo,logo是一个原子,动画很难拉出来,因为它是电子在扭曲的椭圆路径中旋转。现在,如果我错了,请纠正我,但是通过交换一系列图像来设置动画,就像在2D游戏中一样,这似乎是最简单的方法 我问的原因是我没有发现关于这方面的很多信息。这是因为它不是jQuery和javascript的可取动画技术,还是加载速度太慢 如果有更好的方法,请告诉我,或者如果这是最好的方法,我该怎么做?CSS3转换是我的选择。唯一看不到动画的是IE8及以下的失败者。你可以给他们一张GIF。我不会使

我想为一个网站创建一个动画logo,logo是一个原子,动画很难拉出来,因为它是电子在扭曲的椭圆路径中旋转。现在,如果我错了,请纠正我,但是通过交换一系列图像来设置动画,就像在2D游戏中一样,这似乎是最简单的方法

我问的原因是我没有发现关于这方面的很多信息。这是因为它不是jQuery和javascript的可取动画技术,还是加载速度太慢


如果有更好的方法,请告诉我,或者如果这是最好的方法,我该怎么做?

CSS3转换是我的选择。唯一看不到动画的是IE8及以下的失败者。你可以给他们一张GIF。我不会使用javascript,因为它可能不会占用内存。我不希望动画不断播放,只有当鼠标悬停在IE8上时,IE8的失败者才会完全失败,我知道IE中根本没有过渡功能。我有一个老网站,它做的事与你想要的类似。该脚本名为bounchyboss.js。您只需要更改图像的基本部分。上次我检查时,它是完全跨浏览器兼容的。而且它不会占用太多的内存来制作一幅图像。你可能是对的,我以为IE9有一些支持,但我可能错了。我通常不太关心IE用户。只要网页是体面的和作品,我是好的。所以他们失去了一些绒毛动画,那又怎样。总是确保他们得到最终对页面功能来说并不重要的东西是不值得付出额外的页面重量的。我仍然会研究CSS3。不管怎样,移动设备上的javascript动画和其他东西似乎总是滞后或产生意想不到的后果。CSS3过渡和动画在移动设备上几乎总是很好看。