• 締切済み

JavaScriptでページ全体にトランジション効果

JavaScriptでページ全体にトランジション効果をかけたいのですがどうすれば良いでしょうか? 画像をonclickするたびにページを移動しなくてもトランジション効果をかけたいと思っています。 よろしくお願いします。

みんなの回答

noname#20377
noname#20377
回答No.1

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Dynamic Alpha Filter Demo</title> <script> function caption() { if (document.body.style.filter == "invert") { document.body.style.filter = ""; } else { document.body.style.filter = "invert"; } } </script> </head> <body style="border-color:red;border-style:solid;height:150px;"> <p style="border-color:blue;border-style:solid;height:50px;" ><img src="hoge.jpg" onclick="caption();">ほげほげ</p> <p>うにゃうにゃ</p> </body> </html> いちおう原理的にはできなくはなさそうな気がするんだけど・・・ #おそらく回答がつかないのは、filterがIEの独自拡張(勝手に加えた)だろうから(当然その他のブラウザでは動作しない。)。俺も嫌いだし 参考情報:Microsoft-フィルタとトランジション http://www.microsoft.com/japan/developer/library/jpisdk/dhtml/content/filters.htm

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • トランジション効果を使ったページを小窓で呼び出す。

    こんばんは。 先日はありがとうございました。 お尋ねしたいのですが、トランジション効果↓ <META http-equiv="Page-Enter" content="blendTrans(Duration=3)">を 入れたページを、普通に呼び出したらすぅ~っと出てくるのですが、 小窓で呼び出すとちゃんと出てこないんです。 すぐぱっと。トランジション効果が適応されてなくて。 これを、小窓でもできるようにするにはどうしたらいいでしょう? それとも小窓では無理なのでしょうか? 知ってる方お願いします。

    • ベストアンサー
    • HTML
  • outlook expressでトランジション効果を使うには?

    outlook express 6.0のメール本文で「トランジション効果」を使いたいのですが、何か良い方法はないでしょうか? トランジション効果とは、とほほさんのページでは、 http://www.tohoho-web.com/wwwxx056.htm に説明があり、「ページ移動のトランジションを指定するには、<head>~</head> の間に下記のいずれかの <meta> タグを記述します。」とありますが、これをメール本文のソースの中に記入してもうまく出来ません。 どうしたら出来るのでしょうか? <meta http-equiv="Page-Enter" content="blendTrans(Duration=0.8)"> <meta http-equiv="Page-Enter" content="revealTrans(Duration=0.8,Transition=23)">

  • Javascriptでページ内容全体を書き換える方

    すいません、もしご存じの方がおられましたら、教えて頂けたらと思いまして。。 Javascriptでページ全体(<!DOCTYPE html PUBLIC ~ </html>まで)を動的に書き換えて、なおかつ画面をスクロールさせずに元の位置が表示される方法を教えてください。 document.write(pageHtml); のようにやると、書き換わるのですが画面がトップに移動してしまって困っています。 何かヒントだけでもいただけたら嬉しいです。

  • safariやfireboxでのトランジション効果

    WEBページのトランジション効果についてです。 <meta http-equiv="*****"content="blendTrans(Duration=***)"> 上記のmetaタグを使った場合、IEでの表示のみにしかトランジション効果が得られません。 safariやfirefoxを使った場合でもフェードイン・アウトをさせたい場合、他に何か方法はありませんでしょうか? 宜しくお願い致します。

  • トランジションにあった効果音を探しています

    今DVカメラで撮った映像を編集しています。 画面の切換わりの時にワイプ系やフェイド系のトランジションを使っているのですが、その時に画面だけが切換わって音がないと間抜けな感じがする場合があります。 そこでトランジションにあった効果音をのせたいのですが そのような効果音を知っている方がいたらアドバイスください。

  • imovie11トランジション効果が反映されません

    imovie自体を触るのが初めての初心者なので、基本的な操作方法が分かってなかったり するかと思いますが教えていただければ幸いです。 動画を編集して、あと始めと終わりにトランジション効果を設定して完成なのですが、 トランジション設定しても(どのパターンも)効果が反映されません。 ちなみに使用したい効果は黒にフェードです。 分かる範囲でここまでの設定など記載します。 ・セットしたい動画と動画の間にトランジションアイコンをドラッグしましたが、 再生しても変化がありません。 ・テーマを設定のところは、テーマはなしにしてます。 ・トランジション効果の時間は4秒です。 再生すると、トランジション設定のところで、プッツリ切れて次の画面に変わります。 (その他のトランジション効果を設定しても同じです) Youtubeでのimovieの使い方や検索で使い方などを見て作ったのですが、説明するまでも ない部分が設定できてないのかなと思います。 よろしくお願い致します。

    • ベストアンサー
    • Mac
  • Gooの簡単HPで、ページトランジションを入れられますか?

    HP初心者です。Gooの簡単HPの自分のページに、ページトランジション(丸い輪などがじわじわ広がるやつです)を取り入れてみたいのです。 簡単HPには入れられるのでしょうか? ページトランジションのタグは調べることが出来ましたが、入れ方が解りません・・・・。 どなたか、教えて頂けないでしょうか。 宜しくお願いいたします。

    • ベストアンサー
    • HTML
  • FLASHのトランジション効果

    始めまして FLASHを最近趣味で始めたのですがいきなりわからないところがでてきており、書籍、ネットで調べたのですが分からなかったのでどなたか教えてください! 初歩的な操作なんですがトランジション効果を使ってたとえば文字が0~30フレームの間で浮かびあがるとします。そのあと31フレーム以降には30フレームで完全に浮かび上がったものをそのまま継続させたいのですがその先に延ばしてもあらたなトランジションができてしまいます(涙) どのようにしたら継続させられるのかご教授願います!

  • ページ全体の拡大/縮小が行える、JavaScriptのサンプルを教えていただけますでしょうか?

    ページ全体の拡大/縮小をJavaScriptにて行いないたい(対象はIEのみ)のですが、検索をしてみると、「文字サイズの拡大/縮小」や「画像の拡大/縮小」はよく見つかるのですが、ページ全体の拡大/縮小のサンプルを掲載しているページはあまり見かけません。 検索("ページ ズーム javascript"等のキーワードで)で何件か見つかって、試してはみたのですが、それらのプログラムですと、私のほうのHTML+CSSで使用すると、何とも説明しがたいおかしな挙動をしてしまいます。HTML+CSSの見直しも色々行ってみたのですが、なかなか改善されません。 みなさんがご存知のJavaScriptのサンプル(ページ全体の拡大/縮小)が掲載されているURLを教えていただけますでしょうか? 教えていただいたサンプルを実装し、色々探ってみたいと思っています。 ※ちなみに、イメージは↓このような感じです。 http://appleworld.com/4tr/

  • どこにJavascriptが使われてるかわからない

    このタグのどこにJavascriptが使われてるか教えてもらえますか? <body> <form> <input type="button" value="HOMEページへ移動" onclick="document.location = 'http://www.yahoo.co.jp/';" /> </form> </body> これです。 document.location がJavascriptなのでしょうか?