• ベストアンサー

カーソルをのせただけでのリンク

画像にカーソルをのせただけ(触れただけ)で別ページに移る、というものを作ろうとしています。 同じページに表示させることならば出来るのですが、フレームページで作っていて、違う側(左側にリンクを張り、右側に表示させたい)に表示させることがどうしても出来ません。 どうすればよいのでしょうか?どなたか教えてください。お願いします。 ちなみに同じページに表示させるのは <span onmouseover="location.href='ページURL'"><img src="画像URL" border="0"></span> でやっています。

質問者が選んだベストアンサー

  • ベストアンサー
  • LegaC2
  • ベストアンサー率52% (224/428)
回答No.1

main.htm - メインのHTML frame1.htm - 左側の画像を表示するフレームのHTML 1.png, 2.png, 3.png - 左側のフレームに表示する画像 1.htm, 2.htm, 3.htm - 右側のフレームに表示するHTML main.htmのソース <html> <head><title>test</title></head> <frameset cols="50%,50%"> <frame src="frame1.htm" name="frame1"> <frame src="" name="frame2"> </frameset> </html> frame1.htmのソース <script type="text/javascript"> <!-- function func( szURL ) { top.frame2.location.href = szURL; return false; } // --> </script> <html> <head><title>frame1</title></head> <body> <span onmouseover = "func('1.htm')"><img src="1.png" border="0"></span> <span onmouseover = "func('2.htm')"><img src="2.png" border="0"></span> <span onmouseover = "func('3.htm')"><img src="3.png" border="0"></span> </body> </html> 1.png~3.png、及び、1.htm~3.htmは自分で作成してください。