JavaScript Examples

Dynamic HTML

ダイナミックHTMLのサンプル集です。

Dynamic
ball Tree Menu ツリー構造のメニューです。  4.0~
 6.0~
ball Active Link 文字やリンクに触れたときスタイルを変更します。  4.0~
 6.0~
ball Wall Paper Selector ページの壁紙をプルダウンメニューから選択できます。  4.0~
 6.0~
ball Link Information -DHTML- リンクに触れると画面の指定の場所にリンク先の情報を表示します。NN4対応版も。  4.0~
 6.0~
ball Link Information -Popup- リンクに触れるとポップアップが開きメッセージを表示します。  4.0~
 4.0~
ball CM -relative- 指定の個所のテキストを順次切り替えます。  4.0~
 4.0~
ball CM -absolute- コンテンツを順次切り替えながら指定の場所に表示します。  4.0~
 4.0~
ball Popup Menu ポップアップメニューを表示します。  4.0~
 6.0~
ball Tab Menu タブの選択によりコンテンツを表示します。  4.0~
 4.0~
ball Love Love Mouse マウスの動きにイメージがついてきます。  4.0~
 4.0~
ball Love Love Mouse #2 マウスの動きにテキストがついてきます。残像付き。  4.0~
 4.0~
ball Loading ページのロードが完了するまで別のメッセージを表示します。  4.0~
 4.0~
Animation
ball Basic Animation -relative- テキストがアニメーションしながら登場します。相対座標編。  4.0~
 4.0~
ball Basic Animation -absolute- テキストがアニメーションしながら登場します。絶対座標編。  4.0~
 4.0~
ball Open Sesame! クリックをすると幕が開きます。  4.0~
 4.0~
ball Volcano リンクをクリックすると星が飛び散ります。  4.0~
 4.0~
ball Ripple リンクをクリックすると波紋が出ます。  4.0~
 6.0~
ball Star Circle リンクに触れると星がまわりだします。  4.0~
 4.0~
TextAnimation
ball Slide Message -DHTML- スライドメッセージのDHTML版です。メッセージが次々と切り替わります。  4.0~
 4.0~
ball Text Animation -Flash- テキストが激しく点滅します。  4.0~
 6.0~
ball Text Animation -Fadein- フェードインしながら文字を表示します。  4.0~
 6.0~
ball CSS Animation #1 びよーんと文字が広がります。  4.0~
 6.0~
Filter
ball Scratch Card 画面をこすると内容が見えてきます。  4.0~

このページにあるスクリプトは、

[ Home | 利用規約 | サンプルの設置方法 | FAQ ]