1

私はこのコードを持っています。

jQuery("#box").bind('mousemove', function(e){
       jQuery(".mousetail").css('background-position-x', (e.pageX - this.offsetTop - 437)+'px');
});

これにより、マウステールがカーソルに追従します。しかし、マウスをボックスの上に（マウステールから離して）持っていくと、マウステールは即座にその位置に表示されます。アニメーションでそこに到達してほしい。また、background-position-xはFirefoxでは機能しないようです。誰かがコードで使用する正しい方法を教えてもらえますかbackground-position:0px *based on co-ord*（正しい構文がわかりません）

4

2 に答える 2

2

構文は非常に似ており、1つのCSS引数、次に期間引数、次にコールバック（アニメーションが完了したときに実行するもの）を取ります。

jQuery(".mousetail").animate({
  'background-position-x' : (e.pageX - this.offsetTop - 437)+'px' //Use Colon instead of comma
  }, 300, //This number sets the duration of the animation
  function() {alert('animation complete!');} //Callback function
);
于 2012-08-13T18:31:37.140 に答える
0

これを試しましたか？

jQuery("#box").bind('mousemove', function(e){
   jQuery(".mousetail").animate({'background-position-x': (e.pageX - this.offsetTop - 437)+'px'});
});
于 2012-08-13T18:31:24.380 に答える