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. Animated Toggle Menu
  2. JavaScript

    スクロールバーにあと何分で読めるかを表示してくれるjQueryプラグイン「jQuery Readin…

    とてもシンプルですが何気に便利そうだったので使ってみました。長文記事を…

  3. ssi-modal

    JavaScript

    フレキシブルでパワフルなモーダルウィンドウを実装できる「ssi-modal」

    ssi-modalはカスタマイズ性に優れたフレキシブルでパワフルなモー…

  4. Materialize Tags

    JavaScript

    マテリアルデザインのタグ管理を実装できる「Materialize Tags」

    Materialize Tagsは、マテリアルデザインのタグ管理を実装…

  5. Chocolat

    JavaScript

    レスポンシブ対応のシンプルなLightbox風のjQueryプラグイン「Chocolat」

    Chocolatはレスポンシブに対応したシンプルでスタイリッシュなLi…

  6. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryのマウス操作のイベントをまとめてみる

    マウス操作に関するイベントをまとめてみました。まとめたイベントはmou…

最近の記事

  1. フェルメール展
  2. 上島珈琲店 No.11
  3. 銀座トリコロール

アーカイブ

PAGE TOP