掲示板/総合質問板/過去ログ/一覧/ テキストのロールオーバー

0 名前： りょう ： 2006/09/01（金） 15:07 ID:Xb3i9E6G: テキストのロールオーバーについて教えてください。
「ポイント時に画像を切りかえる（1）」等の画像の
ロールオーバーはできるのですが、テキストの場合のタグが分かりません。

「ENTER」（リンク貼ってあります）をポイント時に「入り口」とかに文字を変化させるにはどうすればいいのでしょうか？

1 名前： ryogoku ： 2006/09/01（金） 15:07 ID:mxdFI10m

こんな感じでしょうか。

<script type="text/javascript">
var content=new Array() 
content[0]='ENTER'; 
content[1]='入口';
function ChangeText(changecontent){ 
txid.innerText=changecontent 
}
</script>

<a href="#" onmouseover="ChangeText(content[1])"
onmouseout="ChangeText(content[0])"><span id="txid">ENTER</span></a>

2 名前： カヅサツ ◆ThCi95HEzw ： 2006/09/01（金） 15:07 ［URL］ ID:O5hEMlpW

> 画像のロールオーバーはできるのですが、テキストの場合のタグが分かりません。

「タグ」ではできないです。JavaScriptを使う必要があります。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<title>test</title>
<script type="text/javascript">
function ChangeText(obj){
	if(document.compatMode!='BackCompat'){
		var LinkTitle = obj.title;
		var LinkText = obj.childNodes[0].nodeValue;
		obj.childNodes[0].nodeValue = LinkTitle;
		obj.title = LinkText;
	}
}
</script>
</head>
<body>
<p><a href="http://www.google.co.jp" title="入り口"
	onmouseover="ChangeText(this);"
	onmouseout="ChangeText(this);">Enter</a></a></p>
</body>
</html>

3 名前：牛若： 2006/09/01（金） 15:07 ID:nvcPr0ud: >>2
うーむ。
var LinkTitle = obj.title;
はイベントの度にいかにもウザそうですね。

4 名前： カヅサツ ◆ThCi95HEzw ： 2006/09/01（金） 15:07 ［URL］ ID:O5hEMlpW: >>3
「ウザい」というのは具体的にどのような事象のことでしょうか？

5 名前：牛若： 2006/09/01（金） 15:07 ID:Xk6v0d5d: >>4
いや。余計なことを言ってしまったようです。
これでいいなら、別によいのです。すいません。