ロゴタイトル

パソコン初心者さんを対象にしたホームページです。

ホームアイコン ホーム  > フォルダアイコン ホームページ小技関連目次  > フォルダアイコン ホームページの任意のページに雪を降らせてみよう
windows-8_10 対応

ホームページの任意のページに雪を降らせてみよう

冬の季節になると雪が舞います。そこでホームページの画面に雪を降らせてみました。
※降る雪の画像が白いので、背景色を白以外にしてください。


サンプルページを見る

  1. 雪を降らせる「javascript」を配布先からダウンロードするため、Snowstorm のホームページ(英語) サイトにアクセスします。
  2. 「Download」項目にある「Snowstorm v1.44.20131208」をクリックします。
    02.ダウンロードファイル

    ※探しても見つからない場合は、「こちら」をクリックしてダウンロードし、デスクトップに保存して、「手順 6. 」へ進んでください。

Internet Explorerのブラウザでダウンロードした方は

  1. 「名前を付けて保存」をクリックします。
    03.名前をつけて保存
  2. (1) デスクトップに保存するので、デスクトップをクリックします。
    (2)「保存」をクリックします。
    04.デスクトップに保存 画像
  3. ダウンロードが完了したらすべて閉じます。
    05.ダウンロード完了 画像

Microsoft Edgeのブラウザでダウンロードした方は

  1. 「タスクバー」にある「エクスプローラー」をクリックします。
  2. 左側にある「ダウンロード」をクリックします。
    ダウンロード済
    w

解凍作業

  1. 「snowstormv144_20131208.zip」フォルダーをダブルクリックして圧縮されたものを解凍します。
    06.解凍
  2. さらに「snowstormv144_20131208」フォルダーをダブルクリックして開きます。
    07.解凍されたフォルダー
  3. 「snowstorm.js」ファイルを選択し、(コントロール)キーを押したまま、 キーを押してコピーします。
    08.ファイルをコピーする 画像
  4. ホームページが保存しているフォルダーを開き、雪を降らせたいページのフォルダー内に貼り付けます。
    09.貼り付けた 画像
  5. 次に、テキストエディター(メモ帳、TeraPad、秀丸エディタ、など)や、ホームページビルダーを起動して、雪を降らせたいページ(indexファイルなど)を開いておきます。
  6. 下記のソースをドラッグし、コピーして、<head> ~ </head> の間に貼り付けます。

    <script src="snowstorm.js" type="text/javascript" language="JavaScript"></script>

    ▼貼り付けたページ
    全体のソース 画像
  7. これで完成です。雪が降るかどうか動作を確認してください。