複雑なjQuery

質問

このサイトはjQueryを使用していると思いますが、色々な要素が入ってます。
どのようなサンプルを使用しているのか分かる方教えてください。

１．ロゴがばらばらにフェードインします。

２．下から上にページがスクロール（最初はスピードが速くて、最後は遅くスクロール）して
トップページが表示されます。

３．ロールオーバー（回転）でメニューボタンが変化してます。

４．背景が何層かになっています。

５．ビデオの埋め込み

jQueryは初めてなので初心者です。
このサイトはとてもカッコいいです。
このようなサンプルデータが書かれている参考サイトを教えてください。
サンプルデータをダウンロードしたいです。

クリスチャン　ダダのサイト
http://www.christiandada.jp/

回答No.2

春原 なの（@ymda） · ベストアンサー

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を混合したのが、うちのページで使っています
（プロフィールからＨＰにいってみてください）
HTML5もわざわざ対応させているのは、Windows 8 のMetroなほうの
Internet Explorer 10がFlashどころかActive Xに対応していないので
閲覧ができなくなってしまうことで、対応させています。
現時点では、MP4(MPEG4 AVC/H.264)だけ作成しておけば、
IE9以降だけ HTMLビデオで、他は Flash でという形で対応ができそうです。

４の背景が何層か、だけはわかりません。ごめんなさい。

お礼

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

回答No.1

春原 なの（@ymda）

期待をうらぎるようで、すみません；；

残念ながら、このサイトでは、jQueryは一切使用されていません。

ためしに、以下にいってみてください。同じものがみれます。

http://www.christiandada.jp./main.swf

＃根拠：common.js

＃念のため、こっちも確認しましたが、ありません
http://www.christiandada.jp./info/index.html

お礼

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