テキスト位置が変わる方法

ホーム > DHTML > テキスト位置が変わる方法

■説明

　テキスト位置が変わることによって自動的に文字を移動するように見せることが出来ます。DHTMLの機能です。動的なページを作ることが出来ます。
　マウスをクリックすると「TextAlign()」が呼び出されます。

「document.all(id).style.textAlign」、「document.getElementById(id).style.textAlign」
でテキスト位置を変更しています。

　注意事項としては、justifyに関しては同時に「textJustify」も指定しなければいけません。必ず対にして下さい。

■ソース

<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Script-Type" CONTENT="text/javascript">
<TITLE>テキスト位置が変わる方法</TITLE>
<SCRIPT TYPE="text/javascript">

</SCRIPT>
</HEAD>
<BODY>

<A HREF='javascript:onClick=TextAlign();'>クリックして下さい</A><BR><BR>
<DIV ID="textAlign1">ほら～移動しているでしょ？</DIV>
<DIV ID="textAlign2">ほら～移動しているでしょ？</DIV>
<DIV ID="textAlign3">ほら～移動しているでしょ？</DIV>

</BODY>
</HTML>

■実行例

クリックして下さい

ほら～移動しているでしょ？

■対応ブラウザ

テキスト位置が変わる方法
IE3	IE4	IE5	IE5.5	IE6	N3	N4	N6	N7	O6
×	●	●	●	●	×	×	●	●	×

[ホーム] [DHTML] [↑ページ最上部へ戻る]

インターネット上であなたのパソコン教室を開きませんか？
自宅でパソコン教室を簡単に開くことが出来ます。そして低リスクで効率よく稼げる仕事をさがしている。そんな方にはオススメです。