人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

JavaScriptのマウスオーバーで画像を切り替えたいのですが、こちらURLのような仕様を希望しています。
http://www.alpv-d.com/pre/over.gif
どなたかScriptを教えてください。お願いします。

●質問者: izumi6878
●カテゴリ:インターネット ウェブ制作
✍キーワード:JavaScript SCRIPT URL マウスオーバー 仕様
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● llusall
●35ポイント

こちらでいかがでしょうか?


マウスが重なったら、その下の画像を切り替える

マウスが重なったら、その下の画像を切り替える【その2】


JavaScript例文辞典

http://www.openspc2.org/reibun/javascript/

◎質問者からの返答

ありがとうございました


2 ● talepanda
●35ポイント
<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/

◎質問者からの返答

ありがとうございました

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ