[作って学ぶ！jQuery] 第3回 画像ロールオーバーを作って学ぶ | バシャログ。

Webサイト制作において、クリックできる部品にマウスポインタを乗せたときなどに、表示を切り替えるエフェクトを「ロールオーバー」と呼びます。バシャログの左サイドバーの「ホーム」「はじめての方へ」にマウスをのせるとハイライトしますが、これもロールオーバーです。今回はjQueryを使ったロールオーバーの実装を解説いたします。 デモ 今回作成したロールオーバーは次のようなものです。 ロールオーバー サンプル HTMLソース <ul id="first" class="nav clearfix"> <li><a href="/"><img src="img/btn_home.gif" alt="HOME" width="160" height="40" /></a></li> <li><a href="#"><img src="img/btn_news.gif" alt="HOME" width="

[kupoe]

[]defとoverを一括トグル

[till19]

わかりやすっ

[kyotaweb]

簡単で便利そう

[site159]

ロールオーバー