課題3. 犬の写真(上は dog_1.jpg, 下は dog_2.jpg)を縦に並べておく。
(1) 上の写真にマウスを重ねた(mouseenter)ときには,上の写真を cat_1.jpg に変更し、
下の写真にマウスを重ねた(mouseenter)ときには,下の写真を cat_2.jpg に変更する。
それぞれの写真から mouseleave したら元の犬の写真に戻す。以上の動作を行う
JavaScript を作成せよ、犬と猫の画像は,js_work\part03Ylecture2-4Ycat_dog にあ
るファイルをそのまま使うこと、他のフォルダに移動してはならない。hover を使って
も、使わなくてもよい。
この課題については,下の画面コピーーの青枠部分の HTML と jQuery を含む JavaScript
のプログラム,画面コピーを提出せよ。(20 点)
G ボタンをロールオーパーする
X
O ファイル || S/2021/Webページ作成応.
mouseenter, mouseleave
ボタンをロールオーバーする
マウスをどちらの
写真の上にも重ね
ていないとき
16
ロ