1

私は初心者レベルのjqueryであり、このスクリプトを設定しますが、変更する必要があります。ホバーすると、矢印が右3pxに移動し、次に左の元の位置に戻るようにします。すべて、マウスが移動する前に。

現在、元の位置に戻るように設定されていますが、マウスを外した後のみです。そのステップをコールバックとしてホバーに含めたいと思います。そのため、右に移動してから左に移動します。赤いボックスの効果は、ホバーとアウトで同じままです。

これは私がこれまでに持っているスクリプトですが、それを変更する際に問題があります。私が学ぶことができるようにどんな助けも素晴らしいでしょう。

<script type="text/javascript">

$(document).ready(function() {
    var $red   = $('#red');
    var $arrow = $('#arrow');
    $('#wording').hover(
      function() {
        $red.animate({'width': 'toggle'});
        $arrow.css('color', 'white').delay(100).animate({'right': '-=3px'}, 'fast');
      }, function() {
        $red.animate({'width': 'toggle'});
        $arrow.css('color', 'red').delay(100).animate({'right': '+=3px'}, 'fast');
     });
});

</script>
4

1 に答える 1

2 
$('#wording').on('mouseenter', function() {
  $red.animate({'width': 'toggle'});
  $arrow.css('color', 'white').delay(100).animate({'right': '-=3px'}, 'fast', function(){
    $red.animate({'width': 'toggle'});
    $arrow.css('color', 'red').delay(100).animate({'right': '+=3px'}, 'fast');
  });
});

コールバックは 3 番目の引数として渡されますanimate

于 2012-05-18T14:56:25.933 に答える