POPSブログ

ブログ記事一覧: series

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

jQuery tooltip/2

簡単単純なツールチップ(tooltip)、背景画像を使用した「フェードタイプ」です。簡単に作れますので自作した方が使い勝手が良いかも知れません。デザインも自由になります。

≫ 続きを読む

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

jQuery tooltip/1

簡単単純なツールチップ(tooltip)です。簡単に作れますので自作した方が使い勝手が良いかも知れません。デザインも自由になります。

≫ 続きを読む

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

jQuery HoverMenu/11

前ページ掲載の HoverMenu 10 は大変わかり難いものです。問題が多すぎたし、バグのあった「IE9」にも対応できるようにHTML構造を変えました。単純な構造での制作をしたかったのですが旨く行きませんでした。新構造のものは解説説明などほとんどありません。(IE6非対応)

≫ 続きを読む

jquery 2012/11/18 pops
タグ:jquery , Effect , memo , series

jQuery HoverMenu/10

前ページ掲載の jquery.backgroundpos.js 使用の、HoverMenu 9 のサンプル同様「サブメニュー」を加えた構造にして「サブメニュー」を伸縮表示します。多少の不具合があったので改良をしたものです。(IE6非対応)

≫ 続きを読む

jquery 2012/11/14 pops
タグ:series , memo , Effect , jquery

ブログ記事一覧

年別アーカイブ一覧



[1]