JavaScript

いろんなデザインのツールチップを実装できる「Opentip」

Opentipはいろんなデザインのツールチップを実装することができるJavaScriptフレームワークです。アラートスタイルやダークスタイル、または吹き出しデザインなど様々な種類のツールチップがあります。

Opentip

以下からOpentipの実際のデモをチェックすることができます。

Opentip

デモ

こんな感じで、drop、Dark style、Alert style、Normal style、Glass styleなどいろんなデザインのツールチップがあります。

いろんなデザインのツールチップ

吹き出しデザインもたくさんあり、表示される位置を指定することもできるのでとても便利ですね。

他にもAjaxに対応していたりと役立つ機能も兼ね備えているので、ツールチップを実装したい時には選択肢の一つとして覚えておきたいところです。

Opentip

カーソルから左の文章を削除するMacのテキストエディットでカーソルの左側にある文章を一気に削減するショートカットキー前のページ

Photoshopで表示する画像サイズを100%の大きさにするショートカットキー次のページ100%の大きさにするショートカットキー

関連記事

  1. no-image

    JavaScript

    レスポンシブ対応の超軽量なjQueryイメージスライダー「tinyslide」

    tinyslideはレスポンシブに対応した超軽量なイメージスライダーを…

  2. cubeTransition.js

    JavaScript

    3Dキューブのようなスライダーを実装できる「cubeTransition.js」

    cubeTransition.jsは、CSS 3DトランスフォームとC…

  3. Morphext

    JavaScript

    複数テキストをアニメーションで切り替えていくjQueryプラグイン「Morphext」

    MorphextというjQueryプラグインを使えば、複数テキストをア…

  4. VerticalShift

    JavaScript

    要素を縦長に並べてマウスオーバーで全部表示させるjQueryプラグイン「VerticalShift」…

    とても面白い見せ方だったのでご紹介します。要素を縦長に並べてマウスオー…

  5. Responsive Parallax Drag-slider With Transparent Letters
  6. Custom jQuery Lightbox

    JavaScript

    デザインや使い方がシンプルな「Custom jQuery Lightbox」

    Custom jQuery Lightboxはデザインや使い方がシンプ…

最近の記事

  1. 濃いアーモンドミルク
  2. COMOLI ベタシャンプルオーバーシャツ
  3. ユニクロ エアリズム マイクロメッシュVネックT(半袖)
  4. ライオン システマ 超コンパクト ふつう
  5. タリーズ ハムチーズ&サラダサンド

アーカイブ

PAGE TOP