0

Webページの上部から下にスライドするログインページが必要です。しかし、私はそれがページをカバーするのではなく、ウェブサイト全体を下に移動させたいのです。

誰でも私にリンクを紹介できますか?

エリック

4

2 に答える 2

1

これを行う1つの方法は、ログイン後にメインコンテンツが流れるように、HTMLで相対位置を使用することです。つまり、ログインの高さのサイズを変更divして、残りのコンテンツをプッシュダウンするだけです。

<div id="thePage">
  <div id="login"><!-- login stuff here --></div>
  <div id="restOfThePage"><!-- The rest of the page here --></div>
</div>

CSSは次のようになります。

#login { height: 0; }

次に、JavaScriptを使用してログインパネルを表示する場合は、次のようにします。

document.getElementById("login").style.height = "100px"; // for example

または、ログインパネルをアニメーション化する場合は、jQueryまたはアニメーション機能を備えた任意の数のJavaScriptライブラリを使用できます。

于 2010-08-25T02:01:16.160 に答える
1

jQueryを使用している場合は、.slideDown()メソッドが必要です。

于 2010-08-25T02:01:58.053 に答える