[JS]カラムの高さを揃える多機能なスクリプト -Equal Column Heights
Post on:2010年7月29日
カラムの高さを単に揃えるだけでなく、アニメーションで揃えたり、指定した値に揃えることができるスクリプトを紹介します。
![デモのキャプチャ](/wp-content/uploads-2010/2010072905-01.png)
スクリプトの実行前
高さの異なるカラムを一番高いものと同じにします。
![デモのキャプチャ](/wp-content/uploads-2010/2010072905-02.png)
jQuery Equal Column Heights
デモ
デモではバリエーションが二つ用意されています。
![デモのキャプチャ](/wp-content/uploads-2010/2010072905-03.png)
カラムの高さをアニメーションで揃えるデモ
また、カラム内の要素に関わらず、指定した値に揃えることもできます。
![デモのキャプチャ](/wp-content/uploads-2010/2010072905-04.png)
カラムの高さを指定値に揃えるデモ
スクリプトのオプションでは、カラムの高さ(height, minHeight, maxHeight)、アニメーションのスピード、適用する子供ノードを指定することができます。
Equal Column HeightsはjQueryのプラグインのため、実装にはjquery.jsが必要です。
sponsors