人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

このサイトで降っている雪はどうやって作るのでしょうか?
概要やヒントでもありがたいですが、詳細な方法がわかれば、なお嬉しいです。
宜しくお願い致します。

http://www.amuse.co.jp/perfume/

●質問者: fablies2007
●カテゴリ:インターネット ウェブ制作
✍キーワード:サイト
○ 状態 :終了
└ 回答数 : 4/4件

▽最新の回答へ

1 ● tsukasa57
●60ポイント ベストアンサー

スタイルシートとFlashを使っています。

雪の実態は Flash の http://www.amuse.co.jp/perfume/swf/overlay.swf です。

overlay.swf を スタイルシートに設定して、そのスタイルシートを html に書き込んでいます。

overlay.swf は半透明になっているので overlay.swf 越しに HTML のサイトが見えるようになっています。そして、overlay.swf をクリックすると flash を貼り付けたスタイルシートが別のものに切り替わるようになっているようです。

過去にも同様の質問がありました。http://q.hatena.ne.jp/1215916553


それにしてもここはやり過ぎだと思います。ブラウザが固まりました...

◎質問者からの返答

ありがとうございます。とても参考になりました!


2 ● FJSK
●10ポイント

他の方もたくさん回答されていると思いますが、Flashを使用しています。

星の部分はアクセス毎にランダムに表示しているのと、文字はタイムライン上で移動させている感じですかね。

ただ、Flashの開発環境がなければ、ちょっと趣向は違いますが、JavaScriptとかでも出来そうですが・・・。

http://www.altan.hr/snow/index.html

http://www.246.ne.jp/~yuuko/javascript/snow4.html


3 ● chinya
●10ポイント

このJavascriptで制御しているっぽいので

研究してみてください。

http://www.amuse.co.jp/perfume/js/overLayFlash_load.js


4 ● pntswrks
●10ポイント

これはFlashですね。


最初のロード時に、全画面でhtmlの上にFlashを表示させています。

で、ユーザーが画面のどこかでもクリックするとFlashを消し、通常のhtmlを表示させます。

フラッシュが載っている事を確かめる手段としては、

・画面上で右クリックすると、フラッシュ特有のメニューが出る(拡大、再生、等)

・フラッシュが載っている時点では、htmlのリンク等はアクティブにならない(上にフラッシュの膜が貼ってある感じ)

等があります。


こういうサイトは最近多いですね。

私はフラッシュを載せるのはユーザビリティーが下がるので好きではありません。

それならjavascriptで雪を降らせた方がいいですよ。(そいや去年のクリスマスに某携帯キャリアのサイトがやってたな)


例えばこんな感じです。

http://www.altan.hr/snow/index.html



●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ