• ベストアンサー

複雑なjQuery

このサイトはjQueryを使用していると思いますが、色々な要素が入ってます。 どのようなサンプルを使用しているのか分かる方教えてください。 1.ロゴがばらばらにフェードインします。 2.下から上にページがスクロール(最初はスピードが速くて、最後は遅くスクロール)して トップページが表示されます。 3.ロールオーバー(回転)でメニューボタンが変化してます。 4.背景が何層かになっています。 5.ビデオの埋め込み jQueryは初めてなので初心者です。 このサイトはとてもカッコいいです。 このようなサンプルデータが書かれている参考サイトを教えてください。 サンプルデータをダウンロードしたいです。 クリスチャン ダダのサイト http://www.christiandada.jp/

質問者が選んだベストアンサー

  • ベストアンサー
回答No.2

jQueryという考え方ではなく、jQueryの元となる JavaScriptから考えていくと いろいろと出てきますが、全部を満足させるのはうちの知識範囲内では ないようです。 カラースクロールバー http://www.color-scrollbar.com/ #JavaScriptで記述されていますが、実質CSSだけで設定可ですが  色を変える程度のことしかできません。 とほほのスタイルシート入門より http://www.tohoho-web.com/css/reference.htm#scrollbar-base-color スクロールをさせる(ページトップへスクロール) http://www.sapphirus.biz/javascript/gotop/ ロールオーバー http://css-happylife.com/archives/2007/0621_0010.php jQueryでロールオーバー http://blog.verygoodtown.com/2012/03/jqueryrollover/ HTMLを回転 サンプルあるのですが、回転うまくいかないようです。。。 http://blog.verygoodtown.com/2010/02/css3-html-rotation-jquery-plugin-animate-css-rotation-and-scale/ ビデオの埋め込み いろいろ手法があるので、何ともいえませんが、 HTML5ビデオであれば、ひとつにVideo-JSがあります。 http://videojs.com/ Flashビデオであれば、Flowplayerです http://flowplayer.org/ ビデオは、HTML5/Flashを混合したのが、うちのページで使っています (プロフィールからHPにいってみてください) HTML5もわざわざ対応させているのは、Windows 8 のMetroなほうの Internet Explorer 10がFlashどころかActive Xに対応していないので 閲覧ができなくなってしまうことで、対応させています。 現時点では、MP4(MPEG4 AVC/H.264)だけ作成しておけば、 IE9以降だけ HTMLビデオで、他は Flash でという形で対応ができそうです。 4の背景が何層か、だけはわかりません。ごめんなさい。

LUCI2011
質問者

お礼

ご丁寧に色々教えていただきありがとうございました。 勉強してみます。

その他の回答 (1)

回答No.1

期待をうらぎるようで、すみません;; 残念ながら、このサイトでは、jQueryは一切使用されていません。 ためしに、以下にいってみてください。同じものがみれます。 http://www.christiandada.jp./main.swf #根拠:common.js #念のため、こっちも確認しましたが、ありません http://www.christiandada.jp./info/index.html

LUCI2011
質問者

お礼

わーホントですね!!jQueryではなくFLASHでした。 ありがとうございました。 ちなみにこのようなことをjQueryでやりたいのですが、 サンプルデータをダウンロードできるサイトをご存知ではないでしょうか?

関連するQ&A

専門家に質問してみよう