瞬時にタグクラウドが形成できる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 で . を渡していますが、このドット区切りでワードを分割します。
標準のプラグインではページ内リンクにしか対応していませんが、少し書き換えればページへのリンクにすることも出来ます。
ブラウザ上でクライアントサイドでタグクラウドを描画できて便利です。
関連エントリ
スポンサード リンク
By.KJ : 2011年03月02日 10:07 
間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)Advertisements
オススメサイト
SITE PROFILE
最新のブログ記事(新着順)
- JSで3Dレンダリングエンジン「LemonJS」
- テキストに歪みのアニメーションエフェクト実装「Text Distortion Effects using Blotter.js」
- カラフルで楽しいCSSフォント「CSSans Pro」
- JSでサイト内にスプレッドシートを組み込める「x-spreadsheet」
- パーティクルでマウスに反応する図形を描画する「Interactive Particles with Three.js」
- カーソルをカスタム画像にしてページを使いやすくしたデモ集「Custom Cursor Effects」
- 直線や文字をグニャグニャとアニメーションさせるデモ「Animated Mesh Lines」
- モダンなWYSIWYGエディタ「Lite Editor」
- CSSベースのドット絵がブラウザ上で描画できる「piCSSel-art」
- faviconをローディングアニメーションさせる「favloader」
- 過去のエントリ
