POPSブログ

ブログ記事一覧: series

jQuery Tabs/6

Tabsの形態ではあるが表示するコンテンツを、外部htmlファイルで読み込む、ページ内の指定した要素ブロックを表示するなどの工夫をしてみました。

≫ 続きを読む

jquery 2012/12/25 pops
タグ:Tabs , series , memo , jquery

jQuery Tabs/5

分類上、一応はTabsに属するものと思いますが、画像専用のクロスフェード及びスライドのエフェクトが可能なものにしてみました。

≫ 続きを読む

jquery 2012/12/23 pops
タグ:jquery , memo , series , Tabs

jQuery Tabs/4

前ページ「Tabs 3」の効率化スクリプトを「フエード」出来るように追加改造してみました。構造機能などは同じになります。

≫ 続きを読む

jquery 2012/12/22 pops
タグ:Tabs , series , memo , jquery

jQuery Tabs/3

前ページ「Tabs 1」「Tabs 2」のスクリプトを siblings() を使用せず、効率化したJSです。機能などは同じになります。

≫ 続きを読む

jquery 2012/12/21 pops
タグ:Tabs , series , memo , jquery

jQuery Tabs/2

Tab-Menu等と組み合わせてコンテンツを切り替え表示するものです。前ページの「Tabs 1」の外枠を削除した単純構成のものです。機能などは同じになります。

≫ 続きを読む

jquery 2012/12/20 pops
タグ:jquery , memo , series , Tabs

jQuery Tabs/1

一般的にTab-Menu等と組み合わせてコンテンツを切り替え表示する様式のものをTabsと呼ばれているようです。jquery-UIでも簡単に作れますが、ライブラリーを使うほどでもない場合に自作するのも簡単です。

≫ 続きを読む

jquery 2012/12/20 pops
タグ:jquery , memo , series , Tabs

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

ブログ記事一覧

年別アーカイブ一覧



[1]