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

http://www.alpv-d.com/pre/over.gif
どなたかScriptを教えてください。お願いします。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2006/09/28 16:40:52
  • 終了:2006/10/05 16:45:02

回答(2件)

id:talepanda No.2

talepanda回答回数57ベストアンサー獲得回数122006/09/28 16:55:49

ポイント35pt
<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を帰るようにすればおk

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

id:izumi6878

ありがとうございました

2006/09/29 11:50:02

コメントはまだありません

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

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません