POPSブログ

jQuery,ActionScript.BaserCMS & Blog




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

jQuery 非同期、Imageオブジェクトで複数画像を読み込む

非同期に画像1枚ではなく、複数画像を読み込む方法である。プラグインなどを使用する方法もあるが、JavaScriptのImageオブジェクトで1枚づつ読み込んだ方が応用性に富むと思います。マシンも最近高速ですから読み込みも結構早いし簡単に記述できます。「1枚づつ読み込む方法」と「同時に読み込む方法」の2つをテストします。

≫ 続きを読む

jquery 2015/05/12 pops
タグ:jquery , SlideShow

jQuery WordPress等のCMS用ドロップダウンメニュー

WordPress等のCMS用途の、グローバルメニュー、ナビメニューをドロップダウン形式にすることであるが、実態は横に並べたアコーディオンにすぎない。toggleクリック関数を使用しない形式ですからjquery-1.9系、jquery-2.0系でも動作します。
「同時開閉」などの動作をアレンジしたものも作ってみました。

≫ 続きを読む

jquery 2015/05/05 pops
タグ:jquery , Accordion

jQuery 簡単にWordPress等のCMSサイドバーをアコーディオンにする

WordPress等のCMS、サイドバー等に限らず指定箇所のコンテンツなどを簡単にアコーディオン化する方法です。toggleクリック関数を使用しないアコーディオンですからjquery-1.9系、jquery-2.0系でも動作します。
単純効率化して「同時開閉」などの動作をアレンジしたものも作ってみました。

≫ 続きを読む

jquery 2015/04/25 pops
タグ:jquery , Accordion

jQuery slideToggle縦並びアコーディオン

toggleクリック関数を使用しないアコーディオン Accordion(clickタイプ)で、slideToggle関数を使用して「単純効率化」したものです。toggle()を使用していませんので、jquery-1.9系、jquery-2.0系でも動作します。

≫ 続きを読む

jquery 2015/04/16 pops
タグ:Accordion , jquery

jQuery DIV構成のアコーディオンを横に並べたMENU

以前のHOVERタイプの「アコーディオンを横に並べたMENU」を「タイトルクリックタイプ」にして、中をDIV構成にしました。リスト以外の要素も組み込めるのが特徴です。また反対方向に開閉するタイプも掲載します。
toggle()を使用していませんので、jquery-1.9系、jquery-2.0系でも動作します。

≫ 続きを読む

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

CreateJS Circleボタンクラスactive表示(easeljs-0.8)

スイッチ風Circleボタンを「コンテナ継承クラス」にしてactiveに対応させます。画像読み込みの際のProgressBar、Loadingもコンテナ継承クラスにしてJSで読み込み使用しています。
小さなボタンですから画像の上に重ねる事が可能ですのでこのデモでは画像の上にボタンを配置しています。
機能を標準化させることにより効率的に設計できると思います。

≫ 続きを読む

javascript 2015/04/03 pops

ブログ記事一覧

年別アーカイブ一覧



[1]