クリックすると小さい画像がキラキラする方法

Question

今ホームページを作っています。
今日ハイヒールモモコさんのHPで見かけたんですが、
クリックすると細かいハートの画像が数十個程散らばるようになっていました。
そんな風にしたいのですが、どうやったらいいのでしょうか？
ちなみにモモコさんのＨＰアドレスは
http://komomo.omosiro.com/index.html
です。
分かる方がいらっしゃったらどうか教えてください。
出来ればソースを教えていただきたいのですが・・・
よろしくお願いします。

Ujiki · Accepted Answer

　mamahahaさん、慣れないと難しいと思うだけです。近くの誰かに実地で習うのが簡単ですね。１度、流用(?)のしかたさえ判れば、どんどん楽しめますよ。大変だと思うと、出来ないって思いますよね。(^^) まあ、親切な方も多いでしょうから、諦めずに質問を繰り返して下さいね。＞なんとか勉強しながらやってみます　そうなんです。元々、日本よりも早く米国を発祥の地としてWWWインターネットが進化しましたからね。無料、無償の最先端は日本では無いことって残念ながらあったりします。英語のホームページも今では無料日本語へ変換するホームページも以下にありますので、ある程度は理解できるかも知れません。 http://www.excite.co.jp/world/url/ 　さて、今回のルーツが判りました。つまり作者ですね。Matt Gabbert (mgabbert@usrtoday.com)さんですね。(^^) そして配布元は、http://javascript.internet.com で、作者が命名したソフトのオリジナルは「 Mouse Fireworks (マウス花火)」でした。 http://javascript.internet.com/bgeffects/mouse-fireworks.html で紹介されています。ここでは「 parapara.js 」にインクルードファイルにしないで埋め込む形ですね。理解できれば、「 parapara.js 」を呼び出さないで利用できます。　で、日本語による利用の解説は、いちごに関する可愛いホームページ内の http://ichigo.fanclub.ne.jp/kitchen/parasetu.html が一番易しいと思います。(^^)　このページでマウスの右クリックで保存を選択すれば「 parapara.js 」を入手できますね。こちらの画像は「いちご」なので可愛いですね。(^^) ---------- quincyさん、どうぞよろしくお願いします。何卒、不快に思わないで下さいね。間違ってたらお赦し願います。＞＞でいいかもしれません。　いえいえ、これでは何もしてくれません。によって、JavaScriptを定義したファイル「 parapara.js 」をインクルード呼び出ししないと、機能の本体が起動処理しません。開発者から伝わる内に誰かが善意でファイル化したのでしょうね。(^^) 　著作権利は、Matt Gabbert氏にありますが、This script and many more are available free online at The JavaScript Source!! http://javascript.internet.com とありますので、みんな使ってと言うたぐいでしょうね。金銭の請求はありませんので、いわゆるフリーソフトですね。失礼しました。これからもよろしくお願いいたします。参考URL：http://ichigo.fanclub.ne.jp/kitchen/parasetu.html

lmeelm · Answer

IE5.5以上限定ですが、、、全ソースです。スパーク

参考URL：http://ad.il24.net/~ura/time/spark.htm

quincy · Answer

Ujikiさん、ありがとうございます。もちろんこれは私が考えたのではなくて、parapara.jsさんのものを流用したものです。でも・・・これはこの方だけのオリジナルではなくて、一般的にあるものだと思います. 私が最初に見たのは海外のサイトのものでした。ですから、書いておいてなんですが、勝手ながら書き込む必要はないように思われます. でいいかもしれません。でも、万が一のために書き込んでおきました. 大変失礼しました。 Ujikiさん、ご指摘ありがとうございます. これって・・・「世界中で最初に考えた」のではなくて、流用しているのに、「著作権」のようなものを主張できるんですかね？私もいろいろなjavascriptを使っていて「自分の名前やサイトを書き込んでいる」のをみて不思議に思っていました。と・・・ちょっとずれてしまいました.失礼しました.

Ujiki · Answer

quincyさんへ、(^^); の、「 parapara.js 」の中身を、mamahahaさんへ教えてあげて下さいね。よろしくお願いいたします。(^^) 以下のサイトは「 parapara.js 」を、yahoo検索で調べました。 http://ichigo.fanclub.ne.jp/kitchen/parasetu.html http://schihara.cool.ne.jp/Java/parapara.htm http://www7.ocn.ne.jp/~salt/ どこのサイトの「 parapara.js 」がオリジナルなのかわかりませんが、ブラウザーのURL指定場所で、parapara.jsと打ち込めばダウンロード(保存)はできますよね。それを自分のホームページに転送するのですが… 著作権に触れないか、ダウンロードしたparapara.jsの中身をエディターで確認してみて下さい。参考URL：http://google.yahoo.co.jp/bin/query?p=parapara.js&hc=0&hs=0

Ujiki · Answer

>今ホームページを作っています。 

　はじめまして。(^^)
人間て、直ぐに飽きてしまって、目移りして、次の楽しいことを探してしまうものです。(って小生のことなのですが…)

　回答は＃１の quincyさんで立派に成り立っており、小生は折角ホームページを作られている、そんな mamahahaに蛇足の独り言です。(どもです) (^^);
　他のカーソルイベント(政)であれば以下の Java Script 無償配布ページでも様々な面白いものはあります。(^^)
http://www.dynamicdrive.com/dynamicindex13/
天使が飛び交う、文字が土星の輪のように回ったり…

　確かにモモコさんのページのクリックするとキラキラが爆発(?)するのは、クリックするまで気が付かなくて可愛いですよね。(^^)

　ところで、画面全体のデザインである、ウェブテンプレートも無償で入手できますので是非 Web Template も、美しいものをGetされることをお勧めしておきます。テンプレート＋キラキラでどうでしょう。(^^)

http://www.freewebtemplates.com/
や
http://illdesign.yoll.net/templates.html
で無料で入手できます。(中には有料で商売していますが)

　勿論、中身(コンテンツ)は重要ですが…(^^);
ページ全体の美しさも、先人の努力を利用させてもらって、楽々と中身に時間と労力をさきましょう。是非、頑張って下さい！

参考URL：http://www.freewebtemplates.com/

quincy · Answer

おはようございます。おっしゃっているのは、クリックしたらパラパラとこぼれるjavascriptですね。私も以前したことがあります。以下のソースをはBODYタグ内に貼ってください。また、BODYタグを、としてください。マウスイベントをするよ！という意味です。

1～10.gifは私が勝手につけたものなので、お好きな名前を付けてください。サイズも正直・・・任意です。そのままの大きさで出したかったら、widthもheightもいりません。私が使っていたタグなので・・・サイズはアバウトです。サイト作りがんばってください！！

クリックすると小さい画像がキラキラする方法

mamahahaさん、慣れないと難しいと思うだけです。

IE5.5以上限定ですが、、、全ソースです。

Ujikiさん、ありがとうございます。

quincyさんへ、(^^);

>今ホームページを作っています。

おはようございます。

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

　mamahahaさん、慣れないと難しいと思うだけです。