HTML に書きたくない

締切済

質問者：mrkeizou
質問日時：2006/08/26 13:02
回答数：3件

「あらかじめ画像を読み込んでおき、オンマウス/オフマウスで画像が切り替わる」という、よくある JavaScript を利用しています。
スクリプト自体はすでに外部ファイル化しました。

さて、画像にはハイパリンクのアンカをかけており、このアンカのタグ内に onmouse などを書いているのですが、これも書かずに、外部ファイルの中で処理したいです。

よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

最新から表示
回答順に表示

No.3

回答者： galluda
回答日時：2006/08/26 15:43

がると申します。

CSSを使うことで、HTMLにはまったく何も書かずに同じような挙動をさせることが、可能は可能です。

この回答への補足

実はそれも考えていました。
というのも、先の方法では、リンクのアンカのない画像に同様の挙動をさせることができない (もしくは私が知らない) からです。
では、引き続き、お願いします。

補足日時：2006/08/26 16:14

通報する

- 0
- 件

通報する

No.2

回答者： yambejp
回答日時：2006/08/26 14:18

どこまで外部化したいかによりますね。

とりあえず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"}
}