テキストサイズと位置をランダムに散らばらせ表示するプラグイン「jQuery Splatter Plugin」
アクセするごとにテキストのサイズと位置をランダムに表示させられるjQueryプラグインです。
最近見ませんが、タグクラウドみたいなものです。
via:jQuery Splatter
sponsors
使用方法
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」」をシェアする
記事作成:2011年3月24日 10:04
記事URL:http://www.skuare.net/2011/03/jquery_splatter_plugin.html
TOP > javascript > テキスト関連 > テキストサイズと位置をランダムに散らばらせ表示するプラグイン「jQuery Splatter Plugin」
前の記事:jQueryとtempo.jsでTwitterのjsonをレンダリングしてタイムラインを表示
次の記事:最小カラムにあわせて高さを統一するjQueryプラグイン「EqualHeightCols plugin」
あなたにはこちもお勧め!
jQuery プラグインまとめ!