POPSブログ

ブログ記事一覧: memo

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

CSS3 IE9 border-radius と hidden でバグについて

CSS3で「角丸陰影処理」(border-radius box-shadow)した要素の中に文字を入れて、文字にフィルター処理(filter shadow)をすると、「IE9」border-radius hidden が原因で、文字のフィルターが壊れる現象がおきた。少し調べてみた。

≫ 続きを読む

css3 2012/11/20 pops
タグ:CSS , css3 , memo

jQuery HoverMenu/11

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

≫ 続きを読む

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

ブログ記事一覧

年別アーカイブ一覧



[1]