javascriptについては何も知らないが、Imageをクリックしてページサイズを増やしたいと思っている。Javascriptでページの高さを増やす
例。画像が入った500px x 500pxボックス。画像をクリックすると、ボックスは500px x 1000pxに増加し、ページを変更せずに新しい領域内に新しいコンテンツが表示されます。
どうすればよいですか？ページ
<div id="extraDiv" style="display:none"> some extra stuff </div>
とJavaScriptを使用しての下部にダウン要素を持つことができます下
で地球ワームの
枚このウェブサイト上 http://kyanmedia.com/ クリックし、
を行いますdocument.getElementById("extraDiv").style.display = "block";
ページを長くする。アニメーションが必要な場合は、jQuery、scriptaculous、または他のjavascriptライブラリを使用できます。
これを実現するには、jQueryを使用できます。これは、ポップアップするのではなくクールなスクロールを備えています。
：あなたは、その後、ダウンのようなものを、それを上にスライドしてするjQueryの slideToggleコマンドを使用します<div>Main Content</div>
<div id="hiddenLab" style="display:none">Content to show</div>
：ようにあなたは、あなたが隠されたdivの中に表示したいコンテンツは、その後、div要素の主な内容だ持っています
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function() {
$("#hidden").click(function(){
$("#about").slideToggle("slow");
});
});
</script>
<style type="text/css">
#maincontent { width:100%; height:100px;background:green}
#about { width:100%; height:1000px;display:none;background:red;}
</style>
</head>
<body>
<div id="maincontent">
<a id="hidden" href="#">Click to see hidden</a>
</div>
<div id="about">Content to show</div>
</body>
jQueryコマンドはどこに行くの？ CSSファイルまたはHTMLでは？ –
jQueryコマンドはJavascriptの中に入ります。 jQueryは単なるjavascriptライブラリです。上記のコードを実行するにはid = "earthWorm"の要素（画像、リンクなど）を追加するには、上記のコードがその要素のクリックで発生します。 jQueryの概要を知りたい場合は、これらのビデオ（http://blog.themeforest.net/screencasts/jquery-for-absolute-beginners-video-series/）をご覧ください。それで本当に素敵なことをすることができます。 – Fermin
これはうまく動作しません。 スクリプトは： HTMLがある #maincontent { 幅：自動; 身長：1000px; } #about { width：auto; 身長：1000px; } 助けてください？ –
500x500から500x100にどのように「増加」しますか？ –
100pxが500pxより小さく... 1000pxを意味しましたか？ – James
Umはい私は笑を返しました 私はこのウェブサイトのようになりたい http://kyanmedia.com/ 下のイーティーワームをクリックしてください –