マウスカーソルが画像に重なるとき、画像が変わります。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja-JP">
<head>
<meta http-equiv="content-type" content="text/html; charset=shift_jis">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<title>マウスカーソルが重なるとき、画像を変える</title>
<script type="text/javascript">
<!--
if(navigator.appVersion.charAt(0) >= '3'){
img = new Array();
img[0] = new Image;
img[0].src = 'JavaScript-External88-31-01.gif';
img[1] = new Image;
img[1].src = 'JavaScript-External88-31-6.gif';
}
function palit(a){
if(navigator.appVersion.charAt(0) >= '3'){
document.images['img1'].src=img[a].src;
}
}
// -->
</script>
</head>
<body>
<h1>マウスカーソルが重なるとき、画像を変える</h1>
<p>マウスカーソルが画像に重なるとき、画像が変わります。</p>
<p>
<a href="http://external-file.com/" onmouseover="palit(1);" onmouseout="palit(0);">
<img name="img1" src="JavaScript-External88-31-01.gif"
width="88" height="31" border="0" alt="Presents from Kantoku"></a>
</p>
</body>
</html>
| HOME | 相互リンク集 | 初心者に分かりやすい JavaScript サンプル |
Copyright(C)2008 bisoy , All rights reserved.
Last Update: 6 / 25 / 2008 17:22:45 JST