DHTMLチュートリアル

JScript & VBScript Tutorials and References JScript & VBScript Tutorials and References *
*前のトピック: チップスとトリック
*次のトピック: JScript & VBScriptチュートリアルとリファレンス

DHTMLチュートリアル

以下は、Dynamic HTMLを使った一般的なWebオーサリングの作成をステップ バイ ステップ形式で説明している。各セクションは関連項目へリンクしているほかに、その技術についてサンプルを用いて説明している。ここでは、スクリプト言語(特にJScriptやVBScript)に精通し、概念を理解していることが前提となっている。

arrowr.gifフライング テキストを作成する
フライング テキスト(すなわち、テキストがページを横切って飛ぶような効果)は、MARQUEEコントロールを使うか、CSS Positioningでそのテキストを位置指定するか、という2つの方法がある。ページ上で垂直/水平の両方向にテキストを動かす方法について説明する。

arrowr.gifフライング テキストを斜めに動かす
ここでは、フライング テキストを斜めに動かす方法について説明する。また、Microsoft®Internet Explorer 4.0の洗練されたCSS (cascading style sheets) Positioningについて説明する。

arrowr.gifフライング テキストの動きに曲線を加える
ここでは、DirectAnimation™のパス コントロールを使って、楕円形を描きながらテキストを動かす方法について説明する。指定したオブジェクトが、ページが表示されている間、幾何学的なパターンで動く。

arrowr.gifエレメントを順番に動かすアニメーションを作る
ここでは、タイマーやマウスイベントによって、スライドショーのようなアニメーション効果を作る方法について説明する。

arrowr.gifイメージにトランジションを適用する
ここでは、イメージにトランジションを適用する方法について説明する。トランジションを使うと、、数行のスクリプトを記述するだけで、ページに高速で視覚的な効果を与えることができる。

arrowr.gif動的な目次を作る
ここでは、動的な目次(Table of Contents)を作る方法について説明する。動的な目次とは、目次として表示されている“大見出し”をクリックすると、コンテント(あるいは小見出し)を展開させることができるもので、再びクリックするとそれを折り畳むことも可能である。必要に応じて情報を表示したり非表示にするために、CSSを利用している。

arrowr.gif文字の色を変化させるアニメーションを作る
ここでは、CSSやタイマーを使って、順繰りに文字が点滅しながらその色を変えていくアニメーション効果を作る方法について説明する。

arrowr.gifマウスイベントによる簡単なテキスト アニメーション効果
ここでは、ほんの数行のスクリプトでテキストをアニメーションさせる方法について説明する。スクリプトでは、CSSの効果的な利用とonmouseoverイベントだけしか使っていない。

Up トップに戻る
© 1997 Microsoft Corporation. All rights reserved. Terms of Use.