1

我只是想弄清楚是否可以在有油漆标记的地方实现某些目标,该标记当前用作导航列表项下方的背景图像。

div是否可以为在底部重叠的次要设置动画li,从而在背景图像上创建显示效果,使其看起来好像图像从左到右出现,直到线条完全显示?当你悬停时,有点像一个不断增长的图像。

4

2 回答 2

1

您也可以尝试挖掘 SpriteOnHover jquery 插件。

它有一些你可以使用的参数,而且它是轻量级的,所以它可能是值得的。你可以在这里得到它http://apolinariopassos.com.br/dev/sprite-on-hover-jquery-plugin/

用法是$('#yourSprite').spriteOnHover(); 这将使插件工作这个默认参数,它指向这个:

$('#yourSprite').spriteOnHover({fps:30, orientation:"horizontal", rewind: true, loop: false, autostart:false;repeat:true})
于 2013-03-15T00:46:16.510 回答
0

您可以使用 jQuery 为background-position-xbackground-position-y属性设置动画。

我没有任何代码可以向您展示,但这是一个示例。

$('#element-to-animate').animate({
    'background-position-x': '10%',
    'background-position-y': '20%'
}, 1500, 'linear');
于 2013-02-27T14:24:54.980 回答