Question

我想知道是否有人可以帮助我在悬停时动画图像实际上通过足够的帧来模拟360度转弯。我有从3d软件渲染的帧。它实际上是一个我想在鼠标悬停和旋转时旋转的图标。仅使用jquery在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('');            
});

Answer 1

我建议不要使用多个图像作为动画帧（考虑到css3有3d变换，大多数浏览器支持svg＆amp; canvas），但是如果你真的想这样做，你可以使用这样的东西：http://jsfiddle.net/gion_13/tLkdu/。

Answer 2

我制作了一个轻量级的jquery插件，可以在移动设备上运行得很好，而且8 + +可以动画图像条。

http://timothyswt.github.io/animatinator/#/home

动画jquery图像条

2 个答案: