POPSブログ

ブログ記事一覧: Effect

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

Transitもどき、Pager コントロール設定可能なJSを、クロスフェード専用に修正しました。このJSの便利なところは、陰影処理をした場合に自由に左右に空白を付ける事が出来る。つまり画像は小さくなるが、余裕を持って配置できる事です。img要素を重ねた単純な構造で設置も簡単です。

≫ 続きを読む

jquery 2017/03/09 pops
タグ:html5 , css3 , Effect , jquery

jQuery レスポンシブ・Transitもどき3 コントロール付き

クロスフェードおよびスライドなどの各種エフェクト組み合わせのTransitもどきに、Pager コントロール等をつけました。画像の大きさは常に同じで、マスクの伸縮により表示範囲を変える特殊なものです。原則高さの無い画像専用です。

≫ 続きを読む

jquery 2017/03/05 pops
タグ:jquery , Effect , css3 , html5

jQuery レスポンシブ・Transitもどきコントロール付き

クロスフェードおよびスライドなどの各種エフェクト組み合わせのTransitもどきに、Pager コントロール等をつけました。「前ページ」の続きになります。

≫ 続きを読む

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

jQuery レスポンシブ・Transitもどき処理

クロスフェード以外のエフェクトも簡単に出来る構造で、最も構造が単純でリサイズされた時の処理も簡素化されています。但し、TransitはCSS3処理では有りません。通常のjQuery animate()で数多くのエフェクトを組み合わせましたもので、余り見かけないものと思います。相違はデモで確認ください。

≫ 続きを読む

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

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

ブログ記事一覧

年別アーカイブ一覧



[1]