インターネット上で集めたJavaScript(2) |
注:以下のJavaScriptには、ブラウザの銘柄やバージョンによってはエラーになったり、動作しないものも有ります。 |
フェードイン |
ページを読み込む時にフェードインさせる。 画面の明るさが段階的に変化するもの、画面の色がランダムに変化するものなどが有ります。 過去に、米国のホームページで何度か見た程度で、あまりお目に掛かりません。 見る人が承知していないと、何らかのトラブルと錯覚する?。 なお、フェードインを再現するには、このページを再読み込みして下さい。 |
文字列の縦スクロール |
文字列を縦方向にスクロールさせます。 映画の字幕のように文字列をスクロールさせるには、複数行のテキストエリアが必要なため、ページ内で場所を喰う?。 |
画面の縦スクロール |
画面を縦方向にスクロールさせます。 スクロールさせる長さを、あまり長くすると、長い時間スクロールし続けて止まらないので邪魔になり、また、必ずスクロールがページの上端から始まり、見る人にとって有り難みが少ない?。 手動でスクロールさせた方が、自在にスクロールさせれて使い良いです。 |
カウントダウン |
「document.write」を使ってカウントを表示しています。 なお、「document.write」を使って表示すると、文字サイズや文字色を任意に設定できます。 |
ランダムに背景色を変える |
ボタン操作でランダムに背景色を変える。 なお、BODYタグにonLoad属性を付ければ、そのページを読み込む度にランダムに背景色が変わります。 ホームページを制作するのに、ページの背景色を念頭に置いて、文字色、テーブルの色など様々な色を決めるので、BODYタグで指定した背景色以外の背景色にすると、見難く成ることがあります。 |
画像の切り替え |
ページに貼り付けてある画像(イメージファイル)をボタンで切り換えます。 なお、このJavaScriptは、私のホームページ内のこのページに使っていますが、効果は?。 上記の例では、指の運動神経が良ければ、高速で点滅させることも可能かも?。 |
ゲージ付き時計 |
JavaScriptで表示する時計は、テキストボックスに表示する時計、ステータスバーに表示する時計ともに、数字によるデジタル表示に限られますが、ゲージを付けることによってアナログ風に成るのがミソでしょうか?。 なお、上記を応用して、時、分、秒、総てをゲージでアナログ表示するようにしてみましたが、時間が非常に分かり難い上に、時間の経過につれてゲージ全体が延びたり、縮んだりして、ヘンテコな時計に成ってしまいました。 ↓ゲージ付き時計は、この下のステータスバーに表示されている時計です。 |