- 締切済み
HTML に書きたくない
「あらかじめ画像を読み込んでおき、オンマウス/オフマウスで画像が切り替わる」という、よくある JavaScript を利用しています。 スクリプト自体はすでに外部ファイル化しました。 さて、画像にはハイパリンクのアンカをかけており、このアンカのタグ内に onmouse などを書いているのですが、これも書かずに、外部ファイルの中で処理したいです。 よろしくお願いします。
- mrkeizou
- お礼率18% (27/143)
- JavaScript
- 回答数3
- ありがとう数0
- みんなの回答 （3）
- 専門家の回答
みんなの回答
- galluda
- ベストアンサー率35% (440/1242)
がると申します。 CSSを使うことで、HTMLにはまったく何も書かずに同じような挙動をさせることが、可能は可能です。
- yambejp
- ベストアンサー率51% (3827/7415)
どこまで外部化したいかによりますね。 とりあえずidを振ってオブジェクトを管理すれば ご希望の機能は実現できるかと思います。 //test.htm <html> <head> <script type="text/javascript" src="initial.js"></script> </head> <body onLoad="loadFunc()"> <img id="xxx"> </body> </html> //initial.js function loadFunc(){ var xxx=document.getElementById('xxx'); xxx.src="0.jpg"; xxx.onmouseover=function(){xxx.src="1.jpg"} xxx.onmouseout=function(){xxx.src="0.jpg"} }
- okg00
- ベストアンサー率39% (1322/3338)
FlashかJavaアプレットにしてはいかがでしょうか？
補足
画像はメニューの一部のボタンです。 ナビゲーションに関わるものを Flash 化することは、こちらの内部規定で禁止されています。 また、Java アプレットを記述できる者はいません。
補足
実はそれも考えていました。 というのも、先の方法では、リンクのアンカのない画像に同様の挙動をさせることができない (もしくは私が知らない) からです。 では、引き続き、お願いします。