DHTML Demonstrations Using DOM/Style

by 2 contributors:

Mozilla DOM サンプルプロジェクト

このページ はいくつかの DOM の機能を基礎にした DOM のサンプルリストを含みます。リストは DOM イベントのデモ、 DOM コア、 DOM HTML 、その他多くの DOM 機能を含んでいます。

テキスト要素のマニピュレーションとアニメーション

FIXME: deadLinks

リアルタイム 3D アニメーション

このデモンストレーション は、JavaScript の使い方と DOM 3D アニメーション効果を作るイメージオブジェクト群を動的に動かす方法について記載しています。

DOM デモンストレーション (ウェブブラウザが DOM 1 と 2 に準拠していることが必要です)

DOM スタイル: JavaScript のDOM インタフェースを経由した要素のクリッピングと位置づけ

このデモンストレーションは、アルファチャンネルの PNG イメージを使っているため、Mozilla での動作に最適化しています。このデモンストレーションは、div 要素のクリップ属性と位置関係を設定するために DOM のインタフェースを使います。

DOM 1 と DOM 2 イベント: DOMを使った要素のドラッグとサイズ変更

このサンプルは、 DOM1 と DOM 2 のイベントに準拠したウェブブラウザを必要とします。ネットスケープ 7.0/Mozilla でテストされています。

DOM 1 と DOM 2: テーブル要素の動的なマニピュレーション

このデモンストレーションは、ネットスケープ 7.0/Mozilla のような DOM 1 と DOM 2 の仕様に準拠したウェブブラウザを必要とします。テーブル要素を動的にマニピュレートすることができるインタフェースを提供するために DOM 2 のマウスイベントを使います。

クロス-ブラウザ ウィジェット

ウィンドウ API: BrainJarの DHTML ウィンドウ

BrainJar の DHTML ウィンドウ は、あなたの DHTML アプリケーションに動的な DHTML ウィンドウを追加する方法をデモンストレートするウィジェットです。

ストックティッカー

ストックティッカーは、標準的な DOM をサポートするいずれかのブラウザ上で、スクロールする株価情報を表示するように適応させる再利用可能なオブジェクトを提供します。

DOM を学習するための追加リソース

JavaScript 上の HTML テーブルと DOM インタフェースの横断

DOM レベル 1.0 メソッドの 概要と JavaScript を通じたその使い方に関する概要。この技術資料は、 JavaScript を経由した動的なマークアップ要素のマニピュレーションと生成を許可する核となるメソッドをカバーしています。

DOM セントラル

W3C DOM について学習して下さい。

GetElementById.com を訪ねて下さい

GetElementById.com DHTML スクリプトと W3C DOM を使用する際のチュートリアルがあります。 Zoom Intro demo 及びその他の有名な DOM デモンストレーションとスクリプトをチェックして下さい。

DMOZ.ORG の W3C DOM カテゴリ

このカテゴリは、 JavaScript と W3C DOM に関係した他の多くのリソースと技術資料を含んでいます。

ドキュメントのタグと貢献者

タグ: 
Contributors to this page: ethertank, yoshitanaka
最終更新者: ethertank,