jQuery(HTML&CSS)関連記事の一部をそれぞれ修正
今頃ですが、各サンプルのhtmlのコードに開始タグ<html>が無かったので各追加しました。
何故気が付かなかったのか…
最近、CSS3のTransitionの使い方が少し分かって来たので(コードでの制御など)また記事を追加する予定ですが、そろそろUnityに戻りたいとも思う今日この頃でもあったり。
あとこのAzCt Laboratoryを、本家とドメインレベルで分ける必要性も最近感じているので、そちらも追って行うかもしれません。
[jQuery] 画像ロード中の表示の実装
jQueryで画像(imgタグ)のURLを入れ替えた時に、画像読み込み中を表すロードインジケーターを表示する処理をしてみました。
説明
予めロードインジケータを画像表示の前に配置しておきます。
画像が読み込み完了した際にイベントが走るので、それを利用してロードインジケータの表示を制御(非表示化)します。
尚、画像がキャッシュされている際(切り替え後に既にロード済み)にイベントが走らない場合があるようで、その為、切り替え後に状態を確認し未ロードの場合のみインジケータを再表示します。
続きを読む >>
[jQuery] jQueryで半自力で作るダイアログボックス
最近個人的にウェブ関連に比重が移りつつあるので、勉強半分で記事を追加しています。
自作のダイアログボックスを表示するサンプルです。
汎用性もあり、かつ、分かりづらくならない程度の方法で実装してみます。
続きを読む >>
[jQuery] 任意の位置&サイズのアコーディオンナビメニュー
.next()を使わず、デザイン面の汎用性の高そうなアコーディオンナビメニューを作ってみます。
と言ってもやってる事は単純で、jQueryのclick()でメニューから他の要素(リンクの塊)を伸縮させます。
説明
大メニューと小メニューを別要素で作っておいて、大メニューから小メニューのサイズを制御します。
続きを読む >>