人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

●質問者: ぱんたま
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● うぃんど
ベストアンサー

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
(解析するより、タイマーイベントで値増やす仕組みを自分で作るほうが楽だとは思いますけど・・・)

以上、ヒントのみで失礼


ぱんたまさんのコメント
アドバイスありがとうございます。 ソースを見ましたが、かなり難しそうです。ていうか、ややこしい・・・。 他の方法を探してみます。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ