gomiichan's diary

WEB初心者の勉強奮闘記です☆

JavaScriptで画像置換(7/29分）

JavaScriptで画像置換

<!DOCTYPE html>
<html lang ="ja">
<head>
<meta charset="utf-8">
<title>ナビゲーション</title>
<link rel="stylesheet" href="cafe.css" media="all">
</head>
<body>
<div id="nav">
<ul>
<li><a herf="#"><img src="img/01_o.jpg" alt="ホーム" width="160"　height="50" onMouseOver="this.src='img/01.jpg'"onMouseOut="this.src='img/01_o.jpg'">
</a></li>
<li><a herf="#"><img src="img/02_o.jpg" alt="カフェフード" width="160" height="50" onMouseOver="this.src='img/02.jpg'" onMouseOut="this.src='img/02_o.jpg'">
</a></li>
<li><a herf="#"><img src="img/03_o.jpg" alt="カフェドリンク" width="160" heigt="50" onMouseOver="this.src='img/03.jpg'" onMouseOut="this.src='img/03_o.jpg'">
</a></li>
<li><a herf="#"><img src="img/05_o.jpg" alt="インフォメーション" width="160" height="50" onMouseOver="this.src='img/05.jpg'" onMouseOut="this.src='img/05_o.jpg'">
</a></li>
<li><a herf="#"><img src="img/04_o.jpg" alt="お問い合わせ" width="160" height="50" onMouseOver="this.src='img/04.jpg'" onMouseOut="this.src='img/04_o.jpg'">
</a><li>
</ul>
</div>
</body>