HomePage 制作の基本には HTML(Hyper Text Markup Language) という書式がありますが、 これだけでは動きのある魅力的な HomePage を作ることはできません。
INTERACTIVE なページを作るには Java , JavaScript , VBScript , C , Perl 等の言語があります。 この WebPage ではこれらの言語の中でもっとも簡単な JavaScript の sample を紹介します。 掲載している Script は全て free ですので作者の了解なしに使用することができます。 せひ、みなさんの WebPage も JavaScript で飾ってみましょう。
なお、JavaScript は NetscapeNavigator や MicrosoftInternetExplorer 等のブラウザ自体に 組み込まれていますので、特別なソフトを入手する必要はありません。
はじめて JavaScript を使用する方は sample を使用する前にこちらをお読み下さい。
ここで紹介する JavaScript は NetscapeNavigator2.0 以降または InternetExplorer3.0 以降の ブラウザにおいてに動作します。
![]() | :NetscapeNavigator2.x以降 | ![]() | :NetscapeNavigator3.x以降 | |
![]() | :NetscapeNavigator4.x以降 | |||
![]() | :InternetExplorer3.x以降 | ![]() | :InternetExplorer4.x以降 | |
| ステータス バー | |||
|---|---|---|---|
| message | ステータスバーにメッセージを表示 | ![]() |
![]() |
| scroll | ステータスバーにメッセージをスクロール | ![]() |
![]() |
| inform | ステータスバーにリンク先の情報を表示 | ![]() |
![]() |
| ダイアログ ボックス | |||
|---|---|---|---|
| alert window | 警告やメッセージを表示するWindowを開きます | ![]() |
![]() |
| confirm window | 確認を要請するWindowを開きます | ![]() |
![]() |
| prompt window | ユーザが入力した文字列をドキュメントに反映させる | ![]() |
![]() |
| 日時・時刻 オブジェクト | |||
|---|---|---|---|
| status clock | 現在時刻をステータスバーに表示 | ![]() |
![]() |
| form clock | 現在時刻をフォーム(テキストボックス)に表示 | ![]() |
![]() |
| welcome message | ゲストがアクセスした時間によって異なるコメントを表示 | ![]() |
![]() |
| date counter |
日付をカウントする | ![]() |
![]() |
| ナビゲーター オブジェクト | |||
|---|---|---|---|
| browser check | ブラウザ名を判定 | ![]() |
![]() |
| version check | ブラウザのバージョンを判定 | ![]() |
![]() |
| OS check | オペレーションシステム(プラットフォーム)を判定 | ![]() |
![]() |
| ウィンドウ・フレーム オブジェクト | |||
|---|---|---|---|
| open window | 新規ウィンドウを開く | ![]() |
![]() |
| release frame 1 | フレームを強制解除する@ | ![]() |
![]() |
| release frame 2 | フレームを強制解除するA | ![]() |
![]() |
| frame changer | 複数のフレームを同時に変更する | ![]() |
![]() |
| その他 | |||
|---|---|---|---|
| image button | マウスが指定画像の上に載ったとき別の画像を表示 | ![]() |
![]() |
| switch | マウスのクリックに応じて画像を変化させる | ![]() |
![]() |
| change bgcolor | 背景色を切り替える | ![]() |
![]() |
| fade-in | 背景色をフェードインさせる | ![]() |
![]() |
| tumbling dice | サイコロを回転させるスクリプト | ![]() |
![]() |
| tumbling dice 2 | サイコロを振るスクリプト | ![]() |
![]() |
| slide show | 画像を次々と変える (※ iNNTERNET magazine 1999年4月号に掲載) | ![]() |
![]() |
| disable right click | マウスの右クリックを禁止させる new | ![]() |
![]() |
この WebPage に関するご意見・ご感想・お問い合わせはこちらへ
I.Oouchi : hok@venus.dti.ne.jp