瞬時にタグクラウドが形成できるjQueryプラグイン「Jimpl Tag Cloud」
2011年03月02日-
スポンサード リンク
Jimpl Tag Cloud
瞬時にタグクラウドが形成できるjQueryプラグイン「Jimpl Tag Cloud」

次のようにHTMLを定義して $('#tagcloud').tagCloud({separator: '.'}); とするだけで上記のタグクラウドが形成出来ます。
標準のプラグインではページ内リンクにしか対応していませんが、少し書き換えればページへのリンクにすることも出来ます。
ブラウザ上でクライアントサイドでタグクラウドを描画できて便利です。
関連エントリ
瞬時にタグクラウドが形成できるjQueryプラグイン「Jimpl Tag Cloud」

次のようにHTMLを定義して $('#tagcloud').tagCloud({separator: '.'}); とするだけで上記のタグクラウドが形成出来ます。
<div id="tagcloud" class="tagcloud"> Image converter. Image converter. Image resizer. Png to ico. Png to ico. Png to ico. Ico to png. Png to jpg. Jpg to png. Jpg to png. Bmp to jpg. Jpg to bmp. Jpg to gif. Gif to jpg. Png to gif. Png to gif. Gif to png. Online. Online. Free. Free. Free. </div>separator で . を渡していますが、このドット区切りでワードを分割します。
標準のプラグインではページ内リンクにしか対応していませんが、少し書き換えればページへのリンクにすることも出来ます。
ブラウザ上でクライアントサイドでタグクラウドを描画できて便利です。
関連エントリ
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- CSSのみで実現できるローディングアニメーションやエフェクト集「Css Effects」
- スムーズに横スクロールするレイアウトサンプル
- 斬新なページメニューが作れる「Inline Menu Layout with Gallery Panel」
- 世界中で今何時を計算できる「Spacetime」
- シンプルなタブUIを実現できる「Skeletabs」
- テキストを省略してブロックを小さくできる「Cuttr.js」
- インタラクティブに動く立体的なテキストを生成「ztext.js」
- WebGLを使った動画の切り替えアニメーション実装
- スクロールにあわせて動くイメージタイル実装
- 1000以上の汎用アイコンセット「emblemicons」
- 過去のエントリ