テキストサイズと位置をランダムに散らばらせ表示するプラグイン「jQuery Splatter Plugin」

アクセするごとにテキストのサイズと位置をランダムに表示させられるjQueryプラグインです。
最近見ませんが、タグクラウドみたいなものです。
via:jQuery Splatter
テキストサイズと位置をランダムに散らばらせ表示するプラグイン「jQuery Splatter Plugin」サンプル

使用方法
jQuery Splatterからファイル一式をダウンロード。
<script src="jquery-1.5.1.min.js" type="text/javascript"></script>
<script src="jquery.splatter.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$('#id名').splatter({
height: 350, //高さ
width: 700, //幅
min_font_size: 20, //最小フォントサイズ
max_font_size: 50, //最大フォントサイズ
splats: ["パリ","東京","ロンドン","ニューヨーク","香港","北京","ソウル","フェアバンクス","モスクワ","ドルトムント","バルセロナ","カンボジア","バリ","ハワイ"] //表示させたいテキストを記述
});
});
</script>

あとは上記idを付与すれば完成です。
<div id='splatter'></div>

テキストサイズと位置をランダムに散らばらせ表示するプラグイン「jQuery Splatter Plugin」サンプル

sponsors

「テキストサイズと位置をランダムに散らばらせ表示するプラグイン「jQuery Splatter Plugin」」をシェアする

記事作成:
記事URL:

TOP > > > テキストサイズと位置をランダムに散らばらせ表示するプラグイン「jQuery Splatter Plugin」