このサイトには何が実装されましたか?

I'm trying to recreate the functionality of this site: http://www.uniqlo.com/jp/supercoolbiz/

私は彼らがどうやって何をしたのだろうと思っています:

  1. ページが完全に読み込まれるまで、どのように読み込みを表示するには...(1%... 100%)ですか?つまり、どのようにして残りのサイトを読み込み時にポップアップさせるのですか?これをjavascriptのイベントとしてどのように伝えますか?
  2. どのようにして、divを持ち上げて動揺させるのですか?
  3. ホバリング時にどのように画像が変化するのですか? (1つのモデルをスクロールすると、それらは回転します)
3
ウェブサイトはFlashに基づいています
追加された 著者 Andrej,
ええ、あなたが説明したものに使用されるJavaScriptはゼロです。それはすべてのフラッシュです。 Flashはコンパイルされているので、簡単に見ることはできません。
追加された 著者 Alex Turpin,
JavaScriptを使用するサイトのリバースエンジニアリングを手助けするための簡単なヒント:ChromeでFirebug /開発者ツールを使用する。 VisualEvent と呼ばれるすばらしいブックマークレットをつかんでください。
追加された 著者 GregL,
サイトはjavascriptではなくフラッシュを使用しています
追加された 著者 Eruant,

3 答え

そのサイトにはJavaScriptがありません。それは完全にフラッシュ駆動のように見えます。ページ内を右クリックすると、いつでも確認できます。 Flashサイトの場合、Flash向けのオプションが表示され、ソースを表示するオプションはありません。以下のスクリーンショットを参照してください。

enter image description here

2
追加された

それはJSではなく、フラッシュで行われているので、それを仲間:)

0
追加された

It's mostly Flash. You are correct in that jQuery is linked in the <head>, but it seems to only do this:

if(jQuery.browser.msie && parseInt(jQuery.browser.version) == 6){
wmodetype="transparent";
}

彼らのサイトの特定の部分のための何らかのブラウザ検出であるように見えます。そのスニペットを見てみると、この検出がFlashにも使用されていることに気づくでしょう。したがって、基本的にサイト全体がFlashです。

0
追加された
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript