http://kids.suumo.jp/

このサイトを見ますと複数の画像が「下から上」にゆっくりと移動していっているのがわかります。
どうやったら、このような動きをさせることができるのでしょうか?
html5かjqueryで動いているのでしょうか?
このサイトのソースを見ましても、ヒントをつかむことができませんでした。
また、jqueryに絞って調べても見つけることができませんでした。
もしよろしければ、どんな仕組みで動いているのかを教えてください。
よろしくお願いします!

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2012/03/03 18:54:59
  • 終了:2012/03/06 21:58:27

ベストアンサー

id:windofjuly No.1

うぃんど回答回数2625ベストアンサー獲得回数11492012/03/03 21:35:35

Fierbugなどで見てみると解りやすいのですが、
下記のtopの値を少しずつ書き換え続けることでスクロールしるようです
div id="block0" class="block" style="top: -364px; width: 1302px;"
div id="block1" class="block" style="top: -1px; width: 1302px;"
div id="block2" class="block" style="top: 773px; width: 1302px;"

スクリプトは下記です
http://kids.suumo.jp/common/js/kidssuumo.js

下記のようなサイトにスクリプトを貼り付けると解析なども楽になるでしょう
http://www.enjoyxstudy.com/misc/20060911/code_paste.html
(解析するより、タイマーイベントで値増やす仕組みを自分で作るほうが楽だとは思いますけど・・・)

以上、ヒントのみで失礼

id:kyouryukun

アドバイスありがとうございます。
ソースを見ましたが、かなり難しそうです。ていうか、ややこしい・・・。
他の方法を探してみます。

2012/03/04 13:39:17

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません