SVG 3D Tag Cloud jQuery Plugin

JavaScript

立体的でカッコいいアニメーションのタグクラウド実装「SVG 3D Tag Cloud jQuery Plugin」

SVG 3D Tag Cloud jQuery Pluginは立体的なアニメーションを備えたタグクラウドを実装することができるjQueryプラグインです。滑らかに回転するアニメーションがとてもカッコいいので、これからタグクラウドを取り入れたいという方には有力な選択肢の一つになりそうですね。

SVG 3D Tag Cloud jQuery Plugin

SVG 3D Tag Cloud jQuery Plugin

わりと高速に回転するタグクラウドですが、マウスをタグクラウドの中心付近へ持っていくと回転が遅くなります。

各タグにホバーすると回転が止まります。ホバーしたタグのカラーは白のままで、それ以外のタグはグレーになるので、どのタグを選択しているかを瞬時に把握できます。

また、オプションでいろんな設定を調整することも可能です。

width、height、radius、bgColor、speed、fontSize、fontColorなどなど、ほかにもいろんなオプションが用意されています。

使い方もシンプルですし、オプションを用いてカスタマイズして使うこともできるのがいいですね。

というわけで、カッコいいアニメーションつきのタグクラウドを実装したい方は、ぜひSVG 3D Tag Cloud jQuery Pluginをチェックしてみてはいかがでしょうか。

関連記事

  1. characterCounter

    JavaScript

    文字数のカウントや制限ができるjQueryプラグイン「characterCounter」

    characterCounterは文字数をカウントしてくれるシンプルな…

  2. jQuery Pretty Dropdowns
  3. jquery.enhsplitter

    JavaScript

    コンテンツを分離できるフレーム実装「jquery.enhsplitter」

    jquery.enhsplitterはコンテンツを分離させるフレームを…

  4. JavaScript

    カスタマイズも自由にできるjQuery「bxSlider」の使い方

    個人的にかなりよさげなjQueryスライダーを使ってみました。その名も…

  5. okzoom

    JavaScript

    レンズで拡大するように画像の細部をマウスオーバーでズームできる「okzoom」

    okzoomは画像細部をマウスオーバーでズームすることができるjQue…

  6. jQuery Waterwheel Carousel

    JavaScript

    水平や垂直方向に配置できる水車のような便利なカルーセル「jQuery Waterwheel Caro…

    水平方向や垂直方向に配置できる水車のような便利なカルーセル「jQuer…

最近の記事

  1. プラスシェル シティ04 フォールディングカメラケース
  2. enerpad AC-27KS
  3. KMS-160

アーカイブ

PAGE TOP