[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','_____')"のところに表示したいテキストを入れます。