[Back]

Text Change
〜マウスポインタでテキストチェンジ 〜


■ プレビュー

ここの文字が変わります

マウスポインタを載せると上の文字が変わります

■ ソース

<SCRIPT Language="JavaScript">
<!--
function setText(tagName,theText)
{
        if (document.all) window[tagName].innerText = theText;
        if (document.layers)
        {
                document[tagName].document.open("text/html");
                document[tagName].document.write(theText);
                document[tagName].document.close();
        }
}
// -->
</SCRIPT>

■ 使い方

  1. 上のプログラムを、文章を表示したいhtmlファイルにコピーして下さい。
  2. 文字を表示したい部分に、次のように記述してください。
    <DIV style="position:absolute" id="text1">
    ここの文字が変わります
    </DIV>
    <BR>
    <A HREF="textChg.htm" onMouseover="setText('text1','Welcome to Keizu Square')" 
    onMouseout="setText('text1','ここの文字が変わります')">
    マウスポインタを載せると上の文字が変わります</A> 
  3. onMouseover="set Text('text1','_____')"のところに表示したいテキストを入れます。