Information

Twitterの本を書きました。

twitterコミュニケーション・バイブル

RSS Feeds

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には雪を降らせるプラグインもありました!

    6 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からだと配布元もサンプルページも問題ありませんでした。
      他の人にも確認していただきましたが固まったという方はいらっしゃいませんでした。
      なんでなんでしょう????

    3. bun on December 10th, 2008 at 10:17 PM says:

      初めまして。
      こちらのサイトで「サイトに雪をふらせる」を知りました。

      fc2のブログを使っておりますが、ブログにはこれは使えるのでしょうか。

      よろしければ教えていただけないでしょうか。

    4. lomo on December 14th, 2008 at 8:18 PM says:

      >bunさん
      FC2は使ってないのでよくわかりませんがテンプレートをカスタマイズできるなら可能だと思います。

    5. muffin on December 19th, 2008 at 12:13 AM says:

      こんにちは。初めまして。
      私もうまく設定できました。
      ただ、マウスの場所に吹雪く方向が左右されますが、この設定を取りたいのですがどうしたらいいのでしょうか?マウスの場所に関係なくゆっくりふんわり雪が降りてくるようにカスタマイズしようとしてるのですができません。

      var followMouse = true;を、
      var followMouse = false;とするだけではダメなのでしょうか?

      もしご存知でしたらアドバイスいただけたらと思います。

    6. reviews on December 23rd, 2008 at 2:38 AM says:

      Lovely, informative site, thanks

    Leave a Reply

    Posted on January 5, 2007 at 11:38 pm

    Snowstorm

    [off]

    Leave a Reply

    Recent Posts