• 締切済み

ウェブのアニメーション（縦スクロール時）

最近おしゃれなサイトを見ると縦スクロールをするとアニメーションが動作したりするサイトを見ます。ウェブサイトを作ったりするのですが、あれはツール等で作成しているのでしょうか。それともプログラミングでアニメーションを記述しているのでしょうか。 例えば、このようなサイトです。 http://www.makita.co.jp/special/ 自分もこういった凄いサイトを作りたいと思っておりますが、参考になる本はないのでしょうか。 PHP, Ruby,Java等でウェブアプリケーションを作成する能力は持っております。 JavaScriptでXMLの処理等もできます。jQueryは少しだけできます。

みんなの回答

回答No.1

>あれはツール等で作成しているのでしょうか。 多くはいわゆる手書きだと思いますが、そういうサイトを作る作成ソフトもあります。 Live for Weblife http://www.digitalstage.jp/live/template.html BiND for Weblifeシリーズの１つです。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • JavaScriptを使って縦に画像がスクロールするページを作りたいの

    JavaScriptを使って縦に画像がスクロールするページを作りたいのですが、 (こんなかんじで動く)http://www.gmarwaha.com/jquery/jcarousellite/index.php 私はまだ勉強中で、テンプレートをダウンロードして少々いじって使う程度しかできません。 テンプレートで縦に動くものをみつけたのですが http://sorgalla.com/jcarousel/ 画像や全体の幅を広げようとまずCSSで調整したら、画像は大きくなったけど、 全部縦に画像がうまく並ばず、何枚も画像が表示されるはずなのに、1枚しか表示されなくなりました。 矢印ボタンを押してスクロールさせようとすると、 表示枠は長くしてあるのに、一番上の画像が別の画像に切り替わるという感じです。 言葉だけではうまく伝わらないとは思いますが。。 一番上に記載したURLのやつを縦バージョンにする方法など、 あったら教えていただけないでしょうか？ 他にも、縦にスクロールするJavascriptをご存知の方いらっしゃいましたら、教えていただけると助かります。 他力本願で大変お恥ずかしいのですが、どなたかうまく作れる方法がありましたらご協力お願いします！！

  • Javaスクリプトで画像を縦にスクロールさせたいです。

    Javaスクリプトで画像を縦にスクロールさせたいです。 お世話になります。 ホームページに、流れる画像(リンク付き、複数)を使用したいと思い、 検索したところ以下の参考サイトを見つけました。 http://myako.net/java4/asan/nagare.html こちらでは横スクロールは紹介されているのですが、 それを縦にスクロールさせたいと思い調べてみたものの 恥ずかしながら初心者なものでさっぱり判りません。 どうかアドバイスをください。 よろしくお願いします。

  • 縦スクロールバーが表示されないようにする

    iframeで表示されるサイトの内容によってHTMLの表示サイズを変更しないのですが、 javascriptをどのように記述すればいいのでしょうか？ つまり、縦スクロールバーが表示されないようにする。 普通にscrolling = "no"と記述すると、 サイトの下側は表示されなくなってしまうので。

  • 縦スクロールのゲームの参考本

    ＤＸライブラリとＣを使ってシューティングゲームを作成したいと思っています。 １４歳から始めるＣ言語ゲームプログラミングでＤＸライブラリと横スクロールゲームについて勉強し http://l.huu.cc/s/ このサイトで縦スクロールのゲームを作成しています。今このサイトはしばらく更新していないようなのですが・・・敵と自弾までの判定はできたものの、敵と自機、敵の弾と自機との判定ができず現在勉強中です・・・。 現在東方のような縦スクロールシューティングゲームをＤＸライブラリとＣ言語を作成しようと思っているのですがそのようなゲームの参考本はないでしょうか？ 理想としてはサンプルゲームプログラムがあり、プレイヤーの移動→弾の発射→・・・といった具合に作成していく参考書が望ましいです。 開発環境は Ｃ言語 ＤＸライブラリ ビジュアルスタジオ2003.net です。よろしくお願いします。

  • 縦と横へ同時にアニメーションするスライドメニュー

    javacriptで縦もしくは横へスライドするアコーディオンメニューの サンプルスクリプトはよくあるのですが、ボタンをクリックまたはロールオーバーすると そのボタンから同時に縦と横へメニューが伸びていくようなメニューを作成したいと思っています。 （ボタンを基点にＬ字型にのびていくようなかんじです） http://net.tutsplus.com/tutorials/javascript-ajax/quick-tip-display-elements-sequentially-with-jquery/ で紹介されているjQueryのスクリプトは近いのですが、これはクリックすると 一つ一つliタグでコーディングされた部分がスライド的に現れるものですが このスクリプトの場合開くにあたる動作しかできません。 ロールオーバーで展開し、マウスアウトで閉じたいと思っています。 できれば開くときの逆方向のアニメーションでできればベストなのですが こういった動きをどうすればよいのか、 こういった動きが再現できるプラグインやスクリプトの書き方など、 ご存知のかたがいらっしゃいましたらご教授お願いします。

  • 横スクロールのWebページを作りたい

    http://tympanus.net/Tutorials/WebsiteScrolling/ こちらのような、横にスライドするWebページを作ろうと思っています。 超横長な１ページを作って、スクロールで見える範囲を設定するという想像は出来ます。 このように、超横長な１ページはどのように作ればいいのでしょうか？ 普通でしたら、Photoshop等でモックアップを作り、スライスしていくのが一般的ですが 仮にこのサイトの大きさが8000pxだとすると、とんでもなくデザインしにくそうです… それと、仮にこのようなページを作る場合、慣れた人ならどのような手順で作っていきますか？ 回答よろしくお願いします。 ※スクロールのアニメーション自体はjQueryでできることは知っているので大丈夫です。

    • ベストアンサー
    • CSS
  • javascriptでの独自スクロールボタン作成

    IEで通常のスクロールバーは非表示にし、javascriptでjQueryを使用せずに、 上下ボタンおよびスクロールバーを作成することは可能でしょうか？ また可能な場合、どのような方法で作成できるかご教授いただきたく思います。 この作成にあたってはhtmlの親子関係やテキストボックスを使用しない場合の ボタン作成を想定しています。

  • スクロールバーのスクロール量の変更

    以前も質問をしましたが回答を頂けませんでした ので、内容を少し変えて質問します。 今、HPを制作しておりましてあるページの 縦スクロールバーのスクロール量（移動量）を 変えたい（1回のクリックでスクロールする幅を 変更したいと思っておりますが、javascriptか 何かで簡単にできますでしょうか？ どのサイトをみても自動スクロールのことに ついてしか書かれていなかったので、本当に 困っています。 どなたか宜しくお願いします。

    • ベストアンサー
    • HTML
  • 画面をスクロールしようとすると画面がブレます。

    InternetExplorerでサイトを観覧中、スクロールしようとすると縦方向だけですがJavaのquakeの様に画面が揺れます。 10秒くらいでおさまるのですが、見てるとどうにも気持ち悪くなります。 どうすればいいでしょうか？

  • JavaScriptでアニメーションを作成

    JavaScript初心者です。よろしくお願い致します。 現在製作中のサイトにて、JavaScriptを使ったアニメーションを作りたいと思います。 アニメーションの動きは下記のとおりです。 Aの背景画像を、ブラウザサイズにより画面いっぱいに表示。 その上にBの画像を配置（位置はAのこの位置…と決められています）。 ↓ 画面をクリック後、Aの背景、およびBの背景が拡大されてフェードアウトされます。 その拡大方法なのですが、それぞれの中心から拡大するのではなく、 ちょうど建物の前に犬がいるところに近づくような アニメーションを施したいと思います（※添付画像を参考）。 参考になるサイト、およびｊQueryなどありいましたら教えてください。 なにぶん、JavaScriptを使いはじめてまだ間もないので、 参考書を探すのにも苦労している次第です。 よろしくお願い致します。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する