JavaScriptのマウスオーバーで画像を切り替えたいのですが、こちらURLのような仕様を希望しています。

<html>
<head>
<script type="text/javascript">
    function gid(i){return document.getElementById(i);}
    function f(n){
    switch(n){
    case 0:
    gid("orz1").style.backgroundColor="";
    gid("orz2").style.backgroundColor="";
    gid("orz3").style.backgroundColor="";
    break;
    case 1:
    gid("orz1").style.backgroundColor="blue";
    gid("orz2").style.backgroundColor="blue";
    break;
    case 3:
    gid("orz3").style.backgroundColor="red";
    gid("orz2").style.backgroundColor="red";
    break;
    default:break;
    }}
</script>
</head>
<body>
<span id="orz1" onmouseover="f(1)" onmouseout="f(0)">orz1</span><span id="orz2">orz2</span><span id="orz3" onmouseover="f(3)" onmouseout="f(0)">orz3</span>
</body>
</html>

みたいな。

style.backgroundColorを変えてますが、これをimgのsrcを帰るようにすればおｋ

http://q.hatena.ne.jp/

JavaScriptのマウスオーバーで画像を切り替えたいのですが、こちらURLのような仕様を希望しています。

回答（2件）

llusall505612006/09/28 16:49:09

talepanda57122006/09/28 16:55:49

コメント（0件)

この質問への反応（ブックマークコメント）