POPSブログ

jQuery,ActionScript.BaserCMS & Blog




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

CreateJS 角丸TEXTボタンクラスactive表示(easeljs-0.8)

角丸TEXTボタン「コンテナ継承クラス」にしてactiveに対応させます。画像読み込みの際のProgressBar、Loadingもコンテナ継承クラスにしてJSで読み込み使用しています。
機能を標準化させることにより効率的に設計できると思います。

≫ 続きを読む

javascript 2015/04/01 pops

CreateJS 角丸画像埋め込みボタンクラスactive表示(easeljs-0.8)

角丸サムネールボタン「コンテナ継承クラス」にしてactiveに対応させます。画像読み込みの際のProgressBar、Loadingもコンテナ継承クラスにしてJSで読み込み使用しています。
機能を標準化させることにより効率的に設計できると思います。

≫ 続きを読む

javascript 2015/03/28 pops

CreateJS コンテナ継承クラスProgressBar組み込みLoading表示2(easeljs-0.8)

ProgressBarおよびLoading表示は何回か作れば多少効率の良い方法も見つかりますが、コンテナ継承クラスにProgressBar、Loading表示を組み込むのも1つの方法と思います。
以前のLoading表示(archives/347 Loadingクラス3 rotationで回転)を改造しました。

≫ 続きを読む

javascript 2015/03/25 pops

CreateJS コンテナ継承クラスProgressBar組み込みLoading表示(easeljs-0.8)

ProgressBarおよびLoading表示は何回か作れば多少効率の良い方法も見つかりますが、コンテナ継承クラスにProgressBar、Loading表示を組み込むのも1つの方法と思います。
標準に使用したい形をクラス化すれば設定が簡単になります。

≫ 続きを読む

javascript 2015/03/22 pops

ブログ記事一覧

年別アーカイブ一覧



[1]