Index
Let's study
jQuery
Programming!
jQuery.com
CHAPTER5
CHAPTER6
CHAPTER7
CHAPTER8
CHAPTER9
CHAPTER10
CHAPTER11
CHAPTER12
CHAPTER13
CHAPTER14
Index
>
Chapter12
Chapter 12 - 画像のロールオーバーを作ってみよう!
sample00.html
CSS での画像のロールオーバー
sample01.html
STEP1 | attrメソッドで画像のsrc属性を変更する
sample_A.html
replace()メソッドで文字列を置き換える
sample02.html
STEP2 | 正規表現を文字列置き換えに適用する
sample03.html
STEP3 | プリロード機能を付ける
マウスを乗せると画像を入れ替えるロールオーバーを作成します。
また、画像入れ替え時のちらつきを防止するため、事前に画像を読み込んでおくプリロード機能も付けましょう。