2018年11月11日 : HTML&CSS, jQuery

jQuery(HTML&CSS)関連記事の一部をそれぞれ修正

今頃ですが、各サンプルのhtmlのコードに開始タグ<html>が無かったので各追加しました。
何故気が付かなかったのか…

最近、CSS3のTransitionの使い方が少し分かって来たので(コードでの制御など)また記事を追加する予定ですが、そろそろUnityに戻りたいとも思う今日この頃でもあったり。

あとこのAzCt Laboratoryを、本家とドメインレベルで分ける必要性も最近感じているので、そちらも追って行うかもしれません。

2018年10月19日 : HTML&CSS, jQuery

[jQuery] 画像ロード中の表示の実装

jQueryで画像(imgタグ)のURLを入れ替えた時に、画像読み込み中を表すロードインジケーターを表示する処理をしてみました。
 

説明

予めロードインジケータを画像表示の前に配置しておきます。
画像が読み込み完了した際にイベントが走るので、それを利用してロードインジケータの表示を制御(非表示化)します。

尚、画像がキャッシュされている際(切り替え後に既にロード済み)にイベントが走らない場合があるようで、その為、切り替え後に状態を確認し未ロードの場合のみインジケータを再表示します。
続きを読む >>

2018年10月8日 : HTML&CSS, jQuery

[jQuery] 任意の位置&サイズのアコーディオンナビメニュー

.next()を使わず、デザイン面の汎用性の高そうなアコーディオンナビメニューを作ってみます。
と言ってもやってる事は単純で、jQueryのclick()でメニューから他の要素(リンクの塊)を伸縮させます。
 

説明

大メニューと小メニューを別要素で作っておいて、大メニューから小メニューのサイズを制御します。
続きを読む >>