BBS
HTML
CSS
JavaScript
DHTML
フィルタ
CGI
アクセス向上
音楽&動画
カラー
画像
フォント
特殊文字
HP作成リンク
サイト宣伝リンク
ACCESS R
ホーム
>
DHTML
>
インデントが変わる方法
■説明
インデントが変わることによって自動的に文字を移動するように見せることが出来ます。DHTMLの機能です。動的なページを作ることが出来ます。
マウスをクリックすると「
TextIndent()
」が呼び出されています。呼び出されてから30msec毎に再度「
TextIndent()
」が呼び出されています。関数が呼び出される事によって徐々にインデントが変わっていきます。
「
document.all("ti1").style.textIndent
」
「
document.all("ti2").style.textIndent
」
「
document.all("ti3").style.textIndent
」
でインデントを変更しています。
「
document.getElementById("ti1").style.textIndent
」
「
document.getElementById("ti2").style.textIndent
」
「
document.getElementById("ti3").style.textIndent
」
でインデントを変更しています。
■ソース
<HTML> <HEAD> <META HTTP-EQUIV="Content-Script-Type" CONTENT="text/javascript"> <TITLE>インデントが変わる方法</TITLE> <SCRIPT TYPE="text/javascript"> <!-- move = 0; function TextIndent(){ if(document.all || document.getElementById){ time = setTimeout("TextIndent()", 30); if(document.all){ document.all("ti1").style.textIndent = move + "px"; document.all("ti2").style.textIndent = move * 2 + "px"; document.all("ti3").style.textIndent = move * 3 + "px"; }else if(document.getElementById){ document.getElementById("ti1").style.textIndent = move + "px"; document.getElementById("ti2").style.textIndent = move * 2 + "px"; document.getElementById("ti3").style.textIndent = move * 3 + "px"; } move++; if(move >= 50){ move = 0; clearTimeout(time); } } } //--> </SCRIPT> </HEAD> <BODY> <A HREF='javascript:TextIndent();'>クリックしてみて下さい</A><BR><BR> <DIV ID="ti1">ほら〜移動しているでしょ?</DIV> <DIV ID="ti2">ほら〜移動しているでしょ?</DIV> <DIV ID="ti3">ほら〜移動しているでしょ?</DIV> </BODY> </HTML>
■実行例
クリックしてみて下さい
ほら〜移動しているでしょ?
ほら〜移動しているでしょ?
ほら〜移動しているでしょ?
■対応ブラウザ
インデントが変わる方法
IE3
IE4
IE5
IE5.5
IE6
N3
N4
N6
N7
O6
×
●
●
●
●
×
×
●
●
×
[
ホーム
] [
DHTML
] [
↑ページ最上部へ戻る
]
簡単に1クリックで宣伝広告!!
個人が全ての検索エンジンやメルマガ等に登録していくのは、非常に大変な労力となっています。しかし、
簡単に検索エンジン、リンク集、掲示板、メルマガの全てに1クリック
でPRが出来てしまいます。
Copyright © 2000-2003 ACCESS R All rights reserved. Presented by Ruby