Posted on January 5, 2007 at 11:50 pm

サイトに雪を降らせる - DHTML Snowstorm!

ロマンチックな小技

できればクリスマスにみつけたかったちょっとロマンチックな小技を発見!!

  • DHTML Snowstorm: Javascript snow effect using PNG with GIF fallback
  • 上のリンク先を見ていただいたら一目瞭然。
    サイトに雪を降らせることができるJavascriptです。
    下にどんどん降り積もっていく感じがなんとも芸が細かいですね。

    こういう小技はウザがられることも多いのですが「Stop Snowing」をクリックすれば非表示になります。

    導入方法はページの下の方の「Download」からライブラリ一式をダウンロードして<head>~</head>間にsnowstorm.jsへのリンクを張るだけのお手軽さ。
    イメージファイルを変えるだけでいろんなものを降らせることもできます。

    サンプルページも作ってみました。

    星バージョン

    春になったら桜の花びらとか秋になったら落ち葉とかもいいかもしれませんね。

    そういえばWordPressには雪を降らせるプラグインもありました!

    Tags: , ,

    2 Responses to “サイトに雪を降らせる - DHTML Snowstorm!”

    1. panser on January 14th, 2007 at 4:44 AM says:

      サンプルページをクリックするとPCが固まってどうにもできなくなります!
      どうしようもなかったので強制終了しました。

    2. lomo on January 14th, 2007 at 11:44 AM says:

      >panserさん
      ワタシのPCからだと配布元もサンプルページも問題ありませんでした。
      他の人にも確認していただきましたが固まったという方はいらっしゃいませんでした。
      なんでなんでしょう????

    Leave a Reply

    Posted on January 5, 2007 at 11:38 pm

    Snowstorm

    [off]

    No tags for this post.

    Leave a Reply