クリックすると画像または文字がはじける

[新着] Webテンプレートを仮オープンしました



0   名前: うどぬ : 2007/05/24(木) 01:13  ID:rJ.DIWQk sub-xO
【何をしたいのか】
特定のリンクをクリックすると画像がはじけるようにしたい。

【現在の状況】
ページ全体では下記のURL先紹介の方法でできたのですが、ページ全体を対象にするのではなく、あくまでページの一部分の文字リンクをクリックして「画像がはじける」という現象をおこしたいのです。

このようなことはJavaScriptで可能でしょうか。
また可能であればどのようにしたらいいのかご教授頂ければ幸いです。

【参照サイト】
http://javascript.ifdef.jp/


【検索用語】
JavaScript はじける かわいい クリック

1   名前: 匿名 : 2007/05/24(木) 01:13  ID:gFY2524F sub-Q5
こんにちは

すいません、
お伺いしたいのですが
「はじける」とは
どのような効果なのでしょうか?

場合によっては
Flashを使った方が良いかと思います。

2   名前: うどぬ : 2007/05/24(木) 01:13  ID:rJ.DIWQk sub-xO
こんにちは。レスありがとうございます!

「はじける」とは、
クリックをしたらパッっと文字や画像(ハートや花など)が
打ち上げ花火のように飛び散る、といった感じでしょうか。

もう少し詳しく書くと、小説の最終話タイトルにだけ上記のような効果を出したいと思ったのです。
ページ全体指定だと全てのタイトルどころか窓内何処を押しても効果がでてしまって・・・。

場合によってはFlashのほうが良いのでは、とのことですが、
当方Flashは利用したことがなく作るツールも持っていない始末で・・・。
せっかくご提案していただいたのに申し訳ありません。

3   名前: 匿名 : 2007/05/24(木) 01:13  ID:Nv3OAYlm sub-Ds
(個人的にはこのテのものはまったく関心ないですが)ちょっと見てみました。

>特定のリンクをクリックすると画像がはじけるようにしたい。

のなら、元ソースでの
document.onmousedown = mouseDown;
を削除して
<a href="xxx.html" onclick="mouseDown()">TITLE</a>
とすればよいです。
しかし、リンクを飛ばすときはタイムラグをつけないと、花火の効果は訪問者に
は無意味になります。

4   名前: うどぬ : 2007/05/24(木) 01:13  ID:rJ.DIWQk sub-xO
レス感謝です!
関心がないにもかかわらず、わざわざ本当にありがとうございます(礼

なるほど、そのようにすれば可能なのですね。
タイムラグをつけてリンクの点を気をつけて早速やってみます。

やってみた結果も後日にでも書き込ませていただきます。
レス1匿名様、レス3匿名様、そしてTAG index様ありがとうございました。

5   名前: うどぬ : 2007/05/24(木) 01:13  ID:rJ.DIWQk sub-xO
後日どころか直ぐやってみました。

出来ました!!!!

思い通りの効果が出て、笑みが止まりません。
とても、とても嬉しいです。
本当にありがとうございました!

一覧へ戻る