英字新聞ぽいコラムをJavaScriptライブラリ「jQuery」で作る「Columnizer」

WSJなどの英字新聞風なコラムを作るJavaScript「Columnizer」です。
流行のJavaScriptライブラリ「jQuery」を利用して手軽に作成可能です。
日本語でも簡易的なコラムレイアウトとして使用可能でしょう。
英字新聞ぽいコラムをJavaScriptライブラリ「jQuery」で作る「Columnizer」サンプル

使用方法 Columnizerからautocolumn.jsを、jQueryからjquery.jsをダウンロードします。
あとはコラム化したい要素に以下のように記述します。
<script type="text/javascript" src="http://yourdomain/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="http://yourdomain/autocolumn.js"></script>
<script>
$(function(){
$('コラム化要素名').columnize({
columns:4 //コラム数
});
});
</script>

あとは普通に書けば完成です。
英字新聞ぽいコラムをJavaScriptライブラリ「jQuery」で作る「Columnizer」サンプル

sponsors

「英字新聞ぽいコラムをJavaScriptライブラリ「jQuery」で作る「Columnizer」」をシェアする

記事作成:
記事URL:

TOP > > > 英字新聞ぽいコラムをJavaScriptライブラリ「jQuery」で作る「Columnizer」