POPSブログ

jQuery,ActionScript.BaserCMS & Blog




jQuery タイプライターアニメーション

タイプライターの様に1文字づつテキストをアニメーションさせます。「前ページ」等のテキスト分割アニメーションと同じです。
jQueryのみと、transit.js使用のものと2例を比較して見ます。

≫ 続きを読む

jquery 2015/09/17 pops
タグ:jquery , Transition , css3

jQuery CSS3 transit.js使用のテキスト分割アニメーション z-indexの操作

jQueryプラグイン、jquery.transit.js、テキスト分割アニメーション時に綺麗になるように、個々のアニメーション処理で、delay直後にz-indexの操作で1番上に来るようにします。その他細やかな操作も可能です。
「前ページ」テキスト分割アニメーションでの欠点問題点を解決したものです。

≫ 続きを読む

jquery 2015/09/05 pops
タグ:css3 , Transition , jquery

jQuery CSS3 transit.js使用のテキスト分割アニメーション

jQueryプラグイン、jquery.transit.js、で簡単にCSS3 transitionの記述が出来ますのでテキスト分割アニメーションに応用、回転も簡単に出来て便利、通常のjQueryアニメーションより軽快に動作、HTMLで実行できるのがうれしい。

≫ 続きを読む

jquery 2015/08/26 pops
タグ:css3 , Transition , jquery

jQuery CSS3 transit.js使用のボタン式画像分割アニメーション

jQueryプラグイン、jquery.transit.js、で簡単にCSS3 transitionの記述が出来ますので画像分割アニメーションに応用、回転も簡単に出来て便利、通常のjQueryアニメーションより軽快に動作。ボタンとHOVERサムネール表示形式にしてみました。

≫ 続きを読む

jquery 2015/08/15 pops
タグ:slice , Transition , jquery

jQuery ページ先頭にスクロールするアコーディオン

DIV構成の記事用途のアコーディオンです。アコーディオンが開閉した場合にコンテンツがページ先頭位置(TOP)にスクロールしますのでスマートホンサイトには多少有効と思います。

≫ 続きを読む

jquery 2015/08/10 pops
タグ:jquery , Accordion

jQuery CSS3 transit.js使用の画像分割アニメーション

jQueryプラグイン、jquery.transit.js、で簡単にCSS3 transitionの記述が出来ますので画像分割アニメーションに応用してみました。回転も簡単に出来て便利、通常のjQueryアニメーションより軽快に動作します。ほとんどflash AS3などと同様な処理がJSのみで可能です。

≫ 続きを読む

jquery 2015/07/27 pops
タグ:slice , css3 , Transition , jquery

jQuery transit.jsの使用方法を調べてみました

jquery.transit.js、jQueryプラグインで簡単にCSS3 transitionの記述が、カスタムアニメーション animate() ライクに書けますので、通常の画像を回転させたり拡大させたりと便利です。通常のアニメーションより軽快に動作します。

≫ 続きを読む

jquery 2015/07/20 pops
タグ:css3 , Transition , jquery

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 FlickrAPI getJSON画像表示

FlickrAPI photos.search メソッド利用でデータをjQuery.getJSONで読み込み、画像を表示します。FlickrAPIデータ取得には「FlickrAPIキー」が必要になりますが「指定する大きな画像」を得られるのが特徴です。
デモでは1045px画像をLightBoxで原寸表示して見ます。

≫ 続きを読む

jquery 2015/05/24 pops
タグ:photo , LightBox , jquery

ブログ記事一覧

年別アーカイブ一覧



[1]