カテゴリー別アーカイブ: Webテクニック

jQuery アコーディオンパネル

jQueryを利用してアコーディオンパネルを実装します。
jQueryはご存知の通り、CSSにとても近い記述方法で利用できるので、Webデザイナーや、マークアップエンジニアが比較的簡単に覚えられます。今回のアコーディオ … 続きを読む →

Javascriptで各コンテンツボックスがマウスオーバーでコンテンツの領域を拡大する表現をアニメーションのように表現します。9つのコンテンツ領域を表現することによって、各コンテンツに情報を表示することができます。
今 … 続きを読む →

Javascriptは、HTMLやCSSの属性を動的に書き換えることができるのが最大の特徴で、その要素にアクセスするのに利用するのが『DOM』です。
この『DOM』を最大限に利用することによって、動的なWebを表現する … 続きを読む →

Javascriptでは同じような処理を繰り返し記述することがありますが、このような処理を1つにまとめて、いつでも呼び出せるような仕組みが『関数』です。また、ユーザーが『マウスを動かす』、『キー操作をする』等のアクショ … 続きを読む →

Apple風の『Breadcrumbs』をjQueryでスタイリッシュに表現する方法をご紹介します。以前ご紹介しました『パンくずリスト』をさらにjQueryで実装して、動きのある表現になっています。また、プルダウンもし … 続きを読む →