POPSブログ

ブログ記事一覧: tooltip

jQuery tooltip/8

一般的に紹介されている、簡単単純なツールチップ(tooltip)です。簡単に作れますので自作した方が使い勝手が良いかも知れません。デザインも自由になります。これに遅延するように、setTimeoutを組み込んでみました。

≫ 続きを読む

jquery 2012/12/13 pops
タグ:jquery , memo , series , tooltip

jQuery tooltip/7

hover()タイプ「tooltip 6」に遅延タイマー(setTimeout)を組み込みました。エフェクトのタイプは「拡大」「移動フェード」または「単なる表示」の指定ができます。前ページのmouseover()形式と同じですが、「拡大」のエフェクトを増やしました。

≫ 続きを読む

jquery 2012/12/12 pops
タグ:jquery , memo , series , tooltip

jQuery mouseover tooltip/4

hover()タイプ「tooltip 6」に遅延タイマー(setTimeout)を組み込み、mouseover()タイプに仕上げています。エフェクトのタイプは「拡大」「移動フェード」または「単なる表示」の指定ができます。尚、hover()形式には簡単に書き換え可能です(hover()形式JS収録)。

≫ 続きを読む

jquery 2012/12/11 pops
タグ:tooltip , series , memo , jquery

jQuery mouseover tooltip/3

hover()、mouseover()、どちらもマウスが乗ればツールチップを直ぐ表示しますが、直ぐに反応しない様に、遅延タイマー(setTimeout)を組み込んでいます。エフェクトのタイプは「フェード」または「単なる表示」の指定ができます。オーソドックスな仕様です。尚、hover()形式のJSも掲載しました。

≫ 続きを読む

jquery 2012/12/10 pops
タグ:jquery , memo , series , tooltip

jQuery mouseover tooltip/2

hover()、mouseover()、どちらもマウスが乗ればツールチップを直ぐ表示しますが、アニメ形式では「お祭り騒ぎ」です。直ぐに反応しない様に、遅延タイマー(setTimeout)を組み込んでみます。

≫ 続きを読む

jquery 2012/12/09 pops
タグ:jquery , memo , series , tooltip

jQuery mouseover tooltip/1

前ページまでの tooltip は hover() を使用しましたが、これは、mouseover()、mouseout() を使用しました。チップ横幅をJSで変更できるようにして、高さを自動で決定しますので、文章の長さを気にする必要はありません。

≫ 続きを読む

jquery 2012/12/08 pops
タグ:tooltip , series , memo , jquery

jQuery tooltip/6

前ページ tooltip 5は 「移動フェードイン、アウト」ツールチップに「クローズボタン」付きの機能を追加したものです。それを「クローズボタン有り」の場合に em要素を取り込める様に改造しました。つまりリンクなども可能になります。CSS3装飾、高さ自動修正。

≫ 続きを読む

jquery 2012/12/04 pops
タグ:series , memo , jquery , tooltip

jQuery tooltip/5

前ページの、GIF背景画像を「移動フェードイン、アウト」ツールチップに「クローズボタン」付きの機能を追加したものです。状況に応じて、クラスで「ボタン無し」「ボタン有り」の設定が可能です。

≫ 続きを読む

jquery 2012/12/02 pops
タグ:series , memo , jquery , tooltip

jQuery tooltip/4

要素ごとに複数個のツールチップ(tooltip)を作成する方法で、GIF背景画像を「移動フェードイン、アウト」します。簡単に作れますので自作した方が使い勝手が良いかも知れません。デザインも自由になります。

≫ 続きを読む

jquery 2012/12/01 pops
タグ:series , memo , jquery , tooltip

jQuery tooltip/3

前ページの、IE7のフェードでのバグを修正したツールチップJSです。背景画像収容のDIV要素をラップしただけです。

≫ 続きを読む

jquery 2012/11/30 pops
タグ:series , memo , jquery , tooltip

ブログ記事一覧

年別アーカイブ一覧



[1]