-2

ここで、height:300px onClick までスムーズに拡張したいヘッダー div を取得しました。私はJSの完全な初心者です。さまざまなチュートリアルのどれも私にとって良くありませんでした. これを参照してください。

HTML:

   <div style="position:absolute; font-family:century gothic; width:100%; top: 45px;        font-size: 20px; margin:0px; height:130px; margin-top:0px; text-align:center; ">
<div style="background:white; width:100%; z-index:2; border-bottom: 1px solid gray; box-shadow: 0px 0px 10px; position:fixed; height: 70px; top:0px;">
<img src="http://i43.tinypic.com/10qanv9.gif" onmouseover="this.src='http://i43.tinypic.com/28150s3.gif'" onmouseout="this.src='http://i43.tinypic.com/10qanv9.gif'" height="70px" style="margin-top:0px;">
</div>
    <!--When clicked, expand this div to 'height:300px', the logo should stay as the one glowing one.-->
4

1 に答える 1

3

まず、終了</div>タグがありません

高さをアニメーション化するには、次のようにタグ付けしてdivから、次のように jQuery をインポートして使用します。id<div id = "myDiv">

$('#myDiv').click(function(){
  $(this).animate({height: "300px"}, 1000); 
});

2 番目の引数は、ミリ秒単位のアニメーション時間です。

JavaScript と jQuery の初心者向けレッスンについては、www.codeacademy.com をお勧めします。

于 2013-11-11T19:29:52.813 に答える