动画jquery图像条

动画jquery图像条,jquery,animation,user-interface,rollover,Jquery,Animation,User Interface,Rollover,我想知道是否有人能帮我制作一个悬停图像的动画,这个图像实际上经过了足够多的帧来模拟360度旋转。我有一个3d软件渲染的帧。它实际上是一个图标,我只想使用jquery在mouseover上旋转并在mouseout上回滚。我可以优化到90张图片。90x90谢谢 // Ive tried this but im just not sure where or how to call the images : $('[class$=Button]').mouseover(function() {

我想知道是否有人能帮我制作一个悬停图像的动画,这个图像实际上经过了足够多的帧来模拟360度旋转。我有一个3d软件渲染的帧。它实际上是一个图标,我只想使用jquery在mouseover上旋转并在mouseout上回滚。我可以优化到90张图片。90x90谢谢

// Ive tried this but im just not sure where or how to call the images :    
$('[class$=Button]').mouseover(function() {         
    var arr = $(this).attr('class').split("Button");            
    $('div.'+arr[0]+'Content').stop(true, true).animate('');                              
});

$('[class$=Button]').mouseout(function() {    
    var arr = $(this).attr('class').split("Button");            
    $('div.'+arr[0]+'Content').stop(true, true).animate('');            
});

我建议不要使用多个图像作为动画帧(考虑到css3具有3d转换,大多数浏览器支持svg和画布),但如果您真的想这样做,您可以使用这样的东西:。

我制作了一个轻量级jquery插件,它在移动设备和ie8+上可以很好地为图像条设置动画