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

テキストリンクにマウスをロールオーバーさせた時、表示させるテキスト(HTML)を変更することはできますか?

できるようなら、具体的なやり方を教えて下さると助かります。

●質問者: notjust
●カテゴリ:インターネット ウェブ制作
✍キーワード:HTML テキスト マウス リンク ロールオーバー
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● talepanda
●30ポイント

http://www.google.com/

<a href="#" onmouseover="this.innerText='hoge'" onmouseout="this.innerText='boke'">boke</a>
◎質問者からの返答

ありがとうございます。簡単なんですね。

解説が欲しいのでもうちょっと開けておきます。


2 ● llusall
●40ポイント

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


※IE6とFireFox1.5 で動作確認済み

※this というのは、自身の要素を示します。

※FireFox かどうかを判断して、innerText または、textContent でセットします。



<html>

<head>

<title>マウスが重なったら文字のスタイルを変える</title>

<script Language="JavaScript"><!--

function change(o,v)

{

    if (navigator.userAgent.indexOf("Firefox") > -1) {

        o.textContent = v;

    }else{

        o.innerText = v;

    }

}

// --></script>

</head>

<body bgcolor="white">

<a href="#" id="myText" onMouseover="change(this,'Hello World !!')" onMouseout="change(this,'マウスを乗せて')">マウスを乗せて</a>

</body>

</html>

◎質問者からの返答

Safari使っているのですが、大丈夫でした。わざわざありがとうございます。

関連質問


●質問をもっと探す●



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