0

私はjQueryRotateを試していimgます。クリックすると90度回転し、次のクリックで元の位置に戻ります。さまざまな Google 検索などを執拗に調べましたが、求めている答えが見つかりませんでした。

これが私のコードです：

        <script type="text/javascript">
        $(document).ready(function() {
            $("#menu_icon").rotate({bind:{click: function(){
                $(this).rotate({ duration:100, angle:0,animateTo:90,easing: $.easing.easeInOutExpo }, 10)}
                }
            });
        });
    </script>

これを調整して、希望する結果を作成するにはどうすればよいですか? そして、ただ点滅して 90 度戻るのではなく、最初にクリックしたときのようにアニメーションで動かしたいのです。

4

1 に答える 1

0 
$("#menu_icon").rotate({
    bind:{
        click: function(){
            var $this = $(this);
            if($this.data('rotate')){
                $this.data('rotate', false);
                $this.rotate({ duration:100, angle:0,animateTo:"-=90",easing: $.easing.easeInOutExpo }, 10) 
            }else{
                $this.data('rotate', true);
                $this.rotate({ duration:100, angle:0,animateTo:90,easing: $.easing.easeInOutExpo }, 10) 
            }

        }
    }
});

true/false を保持するデータ パラメータを追加し、条件をチェックして、それに応じて応答するだけです。

最後の回転から 90 度戻るには、単純-=90にパラメーターを使用しanimateToます。

あなたはそれを自分でチェックアウトすることができます

于 2013-05-06T08:38:39.703 に答える