瞬時にタグクラウドが形成できる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
最新のブログ記事(新着順)
- Three.jsでパーティクルが雨のように降り注ぐ実装デモ
- ホバーで文字がバラバラと集まるエフェクト実装
- ClipPathを使ったオシャレな画面切り替えスライドショー実装
- テキストをSVGを使って円形アニメーションさせるデモ
- Three.jsをつかった3Dなローディングアニメーション実装
- ホバー時にCSSで下線などをアニメーション表示するサンプル
- iPhone, iPad, Mac, Android などのフリーのベクターモックアップ
- macOS用の使いやすいカラーピッカー「pika」
- CSSでボタンにサイバーパンク効果を与えるサンプル
- カラフルな球体をWEB上でうごかすThree.jsをつかったサンプル
- 過去のエントリ