JavaScript Examples

By Category

当サイトにある全てのサンプルを分野別に分けたJavaScriptのサンプル一覧です。 Basic, Advanced, DHTMLの全てのサンプルがカテゴリー別に分類されています。

Information
ball Browser Information クライアントのブラウザの情報を取得します。  3.0~
 2.0~
ball Link Information リンクに触れるとステータスバーやフォームにメッセージを表示します。  3.0~
 2.0~
ball Screen Information ユーザーの解像度により出力するメッセージを変えます。  4.0~
 4.0~
Message
ball Random Message アクセスする度に違ったメッセージを表示します。  3.0~
 2.0~
ball 24 Hours 時間に合わせたメッセージや画像を表示します。  3.0~
 2.0~
ball Seven Days 曜日に合わせたメッセージや画像を表示します。  3.0~
 2.0~
ball Scroll Message フォームやステータスバーにメッセージが流れます。  3.0~
 2.0~
ball Memorial Day 記念日ごとにメッセージを表示します。  3.0~
 2.0~
ball Slide Message 映画の予告風なメッセージ表示プログラムです。  3.0~
 2.0~
ball Screen Information ユーザーの解像度により出力するメッセージを変えます。  4.0~
 4.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 Tab Menu タブの選択によりコンテンツを表示します。  4.0~
 4.0~
ball Loading ページのロードが完了するまで別のメッセージを表示します。  4.0~
 4.0~
ball Slide Message -DHTML- スライドメッセージのDHTML版です。メッセージが次々と切り替わります。  4.0~
 4.0~
Link
ball Go back 一つ前のページに戻ります。  3.0~
 2.0~
ball Link Information リンクに触れるとステータスバーやフォームにメッセージを表示します。  3.0~
 2.0~
ball Random Link ランダムにリンクします。  3.0~
 3.0~
ball Link Hole リンクに触れただけで自動的に移動します。  3.0~
 2.0~
ball Link Roulette リンクのルーレットです。  3.0~
 2.0~
ball Quick-navi プルダウンメニューからリンク先を選択します。  3.0~
 2.0~
ball Branchpoint ブラウザの種類、バージョンなどによってリンク先を変更します。  3.0~
 2.0~
ball Synchronous frame 複数のフレームページを、2つ以上同時にURLを変更します。  3.0~
 2.0~
ball Image Change リンクに触れると画像が変化します。  4.0~
 3.0~
ball Link Roulette -with Image- 画像が回り出しストップした所にリンクします。  4.0~
 3.0~
ball Complete Image 画像が完全に読み込まれるまでリンクを無効にします。  4.0~
 3.0~
ball Check Closing ページを出る前、閉じる前に確認を出します。  4.0~
ball Tree Menu ツリー構造のメニューです。  4.0~
 6.0~
ball Active Link 文字やリンクに触れたときスタイルを変更します。  4.0~
 6.0~
ball Link Information -DHTML- リンクに触れると画面の指定の場所にリンク先の情報を表示します。NN4対応版も。  4.0~
 6.0~
ball Link Information -Popup- リンクに触れるとポップアップが開きメッセージを表示します。  4.0~
 4.0~
ball Popup Menu ポップアップメニューを表示します。  4.0~
 6.0~
Image
ball Random Image アクセスする度に違った画像を表示します。  3.0~
 3.0~
ball Image Change リンクに触れると画像が変化します。  4.0~
 3.0~
ball Image Selector プルダウンメニューで見る画像を選択します。  4.0~
 3.0~
ball PARAPARA 画像をクリックするたびに違う画像に切り替えます。  4.0~
 3.0~
ball PARAPARA Animation 画像を一定時間ごとに切り替えます。アニメーション。  4.0~
 3.0~
ball Clock -with Image- 画像を用いた時計です。  4.0~
 3.0~
ball Link Roulette -with Image- 画像が回り出しストップした所にリンクします。  4.0~
 3.0~
ball Complete Image 画像が完全に読み込まれるまでリンクを無効にします。  4.0~
 3.0~
ball Wall Paper Selector ページの壁紙をプルダウンメニューから選択できます。  4.0~
 6.0~
ball Love Love Mouse マウスの動きにイメージがついてきます。  4.0~
 4.0~
ball Love Love Mouse #2 マウスの動きにテキストがついてきます。残像付き。  4.0~
 4.0~
Animation
ball Slide Message 映画の予告風なメッセージ表示プログラムです。  3.0~
 2.0~
ball PARAPARA Animation 画像を一定時間ごとに切り替えます。アニメーション。  4.0~
 3.0~
ball CM -relative- 指定の個所のテキストを順次切り替えます。  4.0~
 4.0~
ball CM -absolute- コンテンツを順次切り替えながら指定の場所に表示します。  4.0~
 4.0~
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 Slide Message -DHTML- スライドメッセージのDHTML版です。メッセージが次々と切り替わります。  4.0~
 4.0~
ball Text Animation -Fadein- フェードインしながら文字を表示します。  4.0~
 6.0~
Effect
ball Fadein 背景がフェードインします。  3.0~
 3.0~
ball Flash 画面が激しく点滅します。  3.0~
 3.0~
ball Quake 画面を揺らします。  4.0~
 3.0~
ball Volcano リンクをクリックすると星が飛び散ります。  4.0~
 4.0~
ball Ripple リンクをクリックすると波紋が出ます。  4.0~
 6.0~
ball Star Circle リンクに触れると星がまわりだします。  4.0~
 4.0~
ball Text Animation -Flash- テキストが激しく点滅します。  4.0~
 6.0~
ball Text Animation -Fadein- フェードインしながら文字を表示します。  4.0~
 6.0~
Form
ball Link Information リンクに触れるとステータスバーやフォームにメッセージを表示します。  3.0~
 2.0~
ball Quick-navi プルダウンメニューからリンク先を選択します。  3.0~
 2.0~
ball Form Checker フォームから送信するとき入力内容をチェックします。  3.0~
 2.0~
ball Reset Stopper リセットボタンを押すときに確認を行います。  4.0~
 3.0~
StyleSheet
ball Bgcolor Changer ボタンやプルダウンなどの操作で背景色を変更します。  3.0~
 2.0~
ball Fadein 背景がフェードインします。  3.0~
 3.0~
ball Active Link 文字やリンクに触れたときスタイルを変更します。  4.0~
 6.0~
ball CSS Animation #1 びよーんと文字が広がります。  4.0~
 6.0~
Time
ball Last Update ページの最終更新日を自動的に表示します。  3.0~
 2.0~
ball 24 Hours 時間に合わせたメッセージや画像を表示します。  3.0~
 2.0~
ball Seven Days 曜日に合わせたメッセージや画像を表示します。  3.0~
 2.0~
ball Count Down 記念日までカウントダウンをします。  3.0~
 2.0~
ball Memorial Day 記念日ごとにメッセージを表示します。  3.0~
 2.0~
ball Clock リアルタイムに動く時計を表示します。  3.0~
 2.0~
ball Elapsed Time 来訪時からの経過時間を刻一刻と表示します。  3.0~
 2.0~
ball Clock -with Image- 画像を用いた時計です。  4.0~
 3.0~
Window
ball Open Window 新しいウインドウを開きます。  3.0~
 2.0~
ball Remote Controller 新しいウインドウを開いて、そこから元のウインドウを操作します。  3.0~
 2.0~
ball Check Closing ページを出る前、閉じる前に確認を出します。  4.0~
Funny
ball Simple Quiz 超簡易クイズシステム  3.0~
 2.0~
ball Level Checker あなたの○○度をチェックします。  3.0~
 4.0~
ball Omikuji おみくじ。  3.0~
 2.0~
ball Quake 画面を揺らします。  4.0~
 3.0~
ball Love Love Mouse マウスの動きにイメージがついてきます。  4.0~
 4.0~
ball Love Love Mouse #2 マウスの動きにテキストがついてきます。残像付き。  4.0~
 4.0~
ball Loading ページのロードが完了するまで別のメッセージを表示します。  4.0~
 4.0~
Sound
ball Random BGM アクセスする度に違った音楽を流します。  3.0~
 3.0~
ball BGM Selector プルダウンメニューからBGMを選択します。  3.0~
 2.0~
Other
ball Alert ダイアログボックスに情報を表示します。  3.0~
 2.0~
ball Confirm ページを表示していいかダイアログを出して確認を取ります。  3.0~
 2.0~
ball Simple Password 簡易パスワードシステムです。  3.0~
 2.0~
ball Printer ページの印刷を行います。  5.0~
 4.0~
ball Add Favorite 今現在見てるページをブックマークに加えます。  4.0~

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