1

さて、私はページ遷移に関する他の投稿を見てきました。しかし、私は私が必要とするもののために特に何も見つけていません。だから私は3つのメニュー項目を手に入れました。について、サービス＆連絡先。

ここに画像の説明を入力してください

最初は非表示になる3つのコンテンツdiv（class = "content"を持つことができます）が必要です。メニュー項目のいずれかをクリックすると、コンテンツdivがアニメーション化され、ページの表示に垂直方向と水平方向の中央に配置されます。

ここに画像の説明を入力してください

現在表示されているdivがある場合。メニュー項目をクリックすると、そのメニュー項目が非表示になり、で新しい項目がアニメーション化されます。

jqueryは、表示されるコンテンツの高さもチェックする必要があることに注意してください（各divにはテキストが多かれ少なかれ含まれる可能性があるため）、モーダルライトボックスが行われるのと同じように、divを水平方向と垂直方向の中央に配置します。ビジュアルガイドが私が必要としているものを説明してくれることを願っています。jqueryでこれを行うにはどうすればよいですか？ありがとう。

4

2 に答える 2

2

APIをチェックして.animate()ください。次に例を示します。

$(div).show().animate({
    "margin-top": "-16em"
}, {
    "duration": 500,
    "easing": "swing",
    "complete": function () {},
    "step": function (now, fx) {},
    "queue": false,
    "specialEasing": {}
});

とフィドル： http： //jsfiddle.net/93HjV/

于 2012-10-25T15:40:04.087 に答える
1

Jqtouchはおそらくあなたのニーズに役立つツールです。これは主にモバイルブラウザ用に設計されていますが、デスクトップブラウザで動作するため、便利な場合があります。www.jqtouch.com

この例を見てください:(上にスライド）http://www.jqtouch.com/preview/demos/main/#animations

ただし、コンテンツを垂直方向に中央揃えにするために、少しcssコードを記述している場合があります（わかりません）。

于 2012-10-24T06:36:13.497 に答える