jquery - ホバー時にjQueryアニメーションスプライト

Question

現在、ナビゲーションリスト項目の下の背景画像として使用されているペイントマークがある場所で何かを達成できるかどうかを調べようとしています。

線が完全に表示されるまで、画像が左から右に表示されているように見えるように、背景画像に表示効果を作成するdiv、の下部に重なっているセカンダリをアニメートすることは可能ですか? liホバリングすると成長するイメージのようなものです。

score 1 · Accepted Answer

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})

score 0 · Accepted Answer

background-position-xおよびbackground-position-yプロパティを jQuery でアニメーション化できます。

表示するコードはありませんが、例を次に示します。

$('#element-to-animate').animate({
    'background-position-x': '10%',
    'background-position-y': '20%'
}, 1500, 'linear');

2 に答える 2