0

次のスクリプトを調整してナビゲーションの高さをアニメーション化できますか？現在、一時停止してからあるサイズから別のサイズにジャンプします。jQueryのアニメーション機能を認識していませんが、ここで実装する方法と場所を使用してください。また、スクリプトはナビゲーションの高さを幅の4分の1として計算しています。

$(function() {
var pause = 200; // will only process code within delay(function() { ... }) every 100ms.

$(window).resize(function() {

    delay(function() {


        var width = $(window).width();

        if( width >= 600 ) {
            // code for tablet view


                var cw = $('nav a').width()/4; // calculation here
                $('nav, nav ul, nav a').css({'height':cw+'px'}) // target
                $('nav, nav ul, nav a').css({'line-height':cw+'px'}) //   target


        } else if( width <= 600 ) {
            // code for mobile portrait

                var cw = $('nav a').width()/4; // calculation here
                $('nav, nav ul, nav a').css({'height':cw+'px'}) // target
                $('nav, nav ul, nav a').css({'line-height':cw+'px'}) //      target
        }

    }, pause );

});

$(window).resize();

});
4

1 に答える 1

0

に変更.cssしてみてください.animate。jQueryのanimate関数は、marginやheightなどのさまざまなcss値間でスムーズにアニメーション化します。アニメーションの長さを変更するなど、他の引数を指定できます。完全なドキュメントはここにあります。

すべてのプロパティをjQueryコマンドでアニメーション化できるわけではない.animateため、ドキュメントを希望どおりにアニメーション化できるようにドキュメントのスタイルを設定する方法を理解するのに時間がかかる場合があります。

于 2013-03-25T15:08:41.520 に答える