POPSブログ

ブログ記事一覧: Effect

jQuery レスポンシブ・クロスフェード処理

2枚の画像を重ねればクロスフェードが実現します。レスポンシブ形式にして、コントロールボタン付き(内側)、サムネール表示の切り替えが出来る様に機能を拡張したものです。スライダーより構造および処理が簡単になっています。クロスフェード以外のエフェクトも簡単に出来る構造です。

≫ 続きを読む

jquery 2017/02/20 pops
タグ:jquery , Effect , css3 , html5

jQuery アニメーション animate()

jQuery カスタムアニメーション animate() についての使用方法と注意点などに関することです。意外と簡単に利用できます。

≫ 続きを読む

jquery 2015/06/15 pops
タグ:jquery , Effect , Transition

jQuery アニメーション show,fadeIn,slideToggle 等について

jQuery アニメーションの中でも「ビルドイン」スタイルの show() fadeIn() slideToggle() toggle() 等についての使用方法と注意点などに関することです。ほぼ知識が無くとも簡単に実装できる利点があります。

≫ 続きを読む

jquery 2015/06/07 pops
タグ:Effect , jquery

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

jQuery HoverMenu/9

前ページ掲載の jquery.backgroundpos.js 使用の、HoverMenu 8 のサンプルに「サブメニュー」を加えた構造にして「サブメニュー」を伸縮表示します。(IE6非対応)

≫ 続きを読む

jquery 2012/11/08 pops
タグ:series , Effect , jquery

jQuery HoverMenu/8

背景画像ポジション移動用プラグイン jquery.backgroundpos.js を使用して、リスト形式で作成したメニュー要素の「li の背景のポジション移動」させます。jQueryバージョン1-8でも使用できるのが最大の利点だ。(IE6非対応)

≫ 続きを読む

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

jQuery HoverMenu/7

背景画像ポジション移動用プラグイン jquery.backgroundPosition.js を使用して、リスト形式で作成したメニュー要素の「li の背景のポジション移動」させます。但し使用するjQueryバージョン違いでは、IEで動作しないようです。少し改造を試みてみました。(IE6非対応)

≫ 続きを読む

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

jQuery HoverMenu/6

HoverMenu1-5は、変化させるため中間層を挿入していましたが、これは普通にリスト形式で作成したメニュー要素の「li の背景画像を背景のポジション移動」(background-position) で変化させます。(IE6非対応)

≫ 続きを読む

jquery 2012/11/01 pops
タグ:series , Effect , jquery

jQuery HoverMenu/5

jQueryメソッド hover(over,out) を使用して、メニュー要素背景をフエード等の変化させますが、メニュー要素の幅が一定ではありません。

≫ 続きを読む

jquery 2012/10/30 pops
タグ:jquery , Effect , series

ブログ記事一覧

年別アーカイブ一覧



[1]