CSSまたはJqueryのいずれかを使用してボックスのサイズを変更するいくつかのページのソースコードを参照すると、コードとファイルは非常に長いので、誰かがこれを行う方法を知っていると思った。CSSまたはJavaScriptでボックスのサイズを変更する方法
イメージファイルでは、（エディタで設計された）ボックスがあり、このボックスのサイズはxxx Xyyyです。ディビジョンで使用する方法はバックグラウンドとして使用し、ディビジョンはこのボックスと同じ外観になりますが、サイズを変更することはできません。
動的に（ほとんどの場合JSで）このボックスのサイズを変更する（上、下、左と右をトリミングすることによって）可能性があります。
これや簡単な例やチュートリアルについて誰かが考えていますか？
jQueryのは、要素のサイズを変更する最も基本的な方法を、それはだ変更している、これはあなたが何を意味するかであるが、ここでは その簡単なデモをチェックアウトする場合は、わからないかなりラジアンUIを、持っている
heightプロパティを使用します。
element.height = pixels;
あなたがJScriptの、とも呼ばれるJavaScriptのようなもののためのオブジェクトへの文書のマークアップだけの抽象化であるドキュメントオブジェクトモデル（DOM）を介して、要素を見つけます。これはw3schools jscript tutorial以内に与えられ行う方法の例：
<html>
<head>
<script type="text/javascript">
function changeSize() {
document.getElementById("compman").height="250"
document.getElementById("compman").width="300"
}
</script>
</head>
<body>
<img id="compman" src="compman.gif" width="107" height="98" />
<br /><br />
<input type="button" onclick="changeSize()" value="Change size of image">
</body>
</html>
あなたは空想のトランジションやアニメーションをしたいなら、あなたが必要とするすべてのDOMとJScript知識のビットであり、あなたがあなた自身を書くことができます。しかし、さまざまなブラウザでスムーズに動作するようにするには、太陽光、食べ物、水、石鹸のない小さなセラーとテキストエディタで6か月間を過ごす必要があります。
ほとんどの人が他の人の汗を使い、代わりにjQueryのようなライブラリを使用します。プレーンなjscriptで何かの高さを変更する方法を理解したら、jQueryのドキュメントがあなたにとってもっと意味をなさないでしょう。 jQueryはあなたの唯一の選択肢でもありません。豊富な機能豊富なライブラリがあります。それがちょうど空想的なdoo-dahのあなたの探している場合、大胆なあなたの空想を取るかもしれない。
ここで私は一度（Scriptaculousの発言またはモーフ）サイズを変更するために使用される関数「page-header」に設定id属性を持つ要素は次のとおり
//used to control position/animation of the page header
var POS_UP = 1;
var POS_DOWN = 2;
var POS_DURATION = 1.0;
var POS_HEIGHT = {POS_UP:"180px;", POS_DOWN:"400px;"};
//the header effect can be referred to;
header_effect = null;
//header position is used as an index for POS_HEIGHT
var header_position = POS_UP;
/**************************************
* headerScroll() *
* Morphs the header's size *
**************************************/
function headerScroll() {
header_position = (POS_UP+POS_DOWN) - header_position;
header_effect = new Effect.Morph('page-header', {style: 'height:'+POS_HEIGHT[header_position], duration: POS_DURATION });
}
これが可能、非常に滑らかな遷移の要素のサイズを変更私の<div id="page-header">は、隠されたコンテンツを拡大して公開します。上/下を切り替える必要があるのは<a onclick="headerScroll();">Toggle Up/Down</a>なので、私たちは離れています。
あなたが始めたら非常に簡単にできることがたくさんあります。いずれにせよ、それはで急落前のJScriptとHTML DOMの基礎を学習いくつかの時間を過ごすのがベストでしょう。
あなたはボックスとはどういう意味ですか？また、私たちはそれを見ることができるように元のページに私たちをリンクできますか？オリジナルのページでは、非常に長いコードとファイルを持つものを意味します。 – Salty