TOTOのトップ画面のような仕掛けはどうつくるの?

このQ&Aのポイント
  • ウェブデザイナーが知りたい TOTOのトップ画面の仕掛けの作り方について解説します
  • TOTOのトップ画面で波紋が現れる仕掛けの作成方法について詳しく教えてください
  • TOTOのトップ画面のような特殊なエフェクトを作成する方法について解説します
回答を見る
  • ベストアンサー

TOTOのトップ画面のような仕掛けはどうつくるの?

こんにちは。 ウェブデザインを始めたばかりのwani_waniともうします。 さきほどトイレ・バスのTOTOさんのサイトを見ていたら トップ画面で、”メインのスクロール画像をさわると波紋があらわれる” しかけがしてありました。 マウスを動かすと波紋もきちんと移動してるので、感動して数分遊んでしまいました。 そのページはこちらになります ↓ http://www.toto.co.jp/ 私なんてとうていこういうのは創れないですが、 どんなソフトで作っているのか、ついつい気になってしまいました。 なんとなくでもいいので、「こういうソフトでつくってるんじゃない?」みたいなのごいけんがあれば 教えてくださいませんでしょうか? よろしくお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
noname#155869
noname#155869
回答No.1

JAVAアプレットと言うのを組み込みます http://hp.vector.co.jp/authors/VA012735/index.html こちらの設置手順を読みましょう 波紋 http://hp.vector.co.jp/authors/VA012735/applet/drop.htm

wani_wani
質問者

お礼

詳しくご呈示いただいてありがとうございます! こんなわざもあるのか~すごいな~と見とれてしまいました。

その他の回答 (1)

noname#179020
noname#179020
回答No.2

サイトのソースを見ると、SWF形式のファイルを読み出しているので、ただのAdobe Flashです。

wani_wani
質問者

お礼

なるほど。教えてくださってありがとうございます。

関連するQ&A

  • ウェブを一画面ずつスクロールすると数行分飛ばされる

     Windows10 Homeで「マウスホイールでスクロールする量」を「一画面ずつ」と設定して、Chromeでウェブブラウジングをしています。  快適に見られるページも多いのですが、ウェブのデザインによっては、一画面ずつスクロールすると「数行分が飛ばされてしまう」、あるいは「バナー等で数行が隠れて見えない」ことになって、スクロールバーで数行戻すというイライラする作業を強いられます。  これを回避できるような、フリーソフトや拡張機能はありませんか? たとえばホイールスクロールを「一画面進めた後 同時に数行(3行ぐらい)戻す」と設定できるソフトなど

  • AutoCAD2006でのリアルタイム画面移動

    AutoCAD2006を使っています。 同じソフトを使っている人で、ホイールマウスのドラッグでリアルタイム画面移動をしている人がいます。 便利そうなので、出来るようにしたいのですが、どこで設定したらよいのか分かりません。 ちなみに使っているマウスはマイクロソフトのワイヤレスオプティカルマウス(水平スクロール付)です。

  • win98 画面の文字大きさを変える

    何時のまにかwin98の画面表示ピクセルが変わっていました。それで、元の大きさに戻そうと、 アクティブ画面で右クリック「アクティブディスクトップ」ー「ディスクトップのカスタマイズ」-「画面のプロパティ」で「設定」タブの中の「画面の領域大きさ」が640×480になっていましたので、 1024×768にしようと「画面のプロパティ」-「設定タブ」-[画面の領域]でスライダーを右方向のピクセル数を多くする「大」へ動かして設定するはずですので操作しましたが、 ところが、 「マウスで画面全体上端をつまんで上に移動させる」ことにより下端までスクロールしようとするのですが、「画面下が見えるまで移動できず、[OK]の操作ができません。よって、「画面の大きさ」が変えられません。 画面の全部が見られるようにスクロールはどのようにするのですか?

  • マウスのホイール機能がおかしい

    マウスを動かしてのカーソル移動やクリックはできるのですが、ホイール機能を使ったスクロー-ルが急におかしくなってしまいました。 具体的に言うと、ウェブページを読む為に、スクロールをしても、 「↓や↑に移動しない」 「スクロールボタンをおしていないにも関わらず、数秒毎に↓にスクロールしてしまう」これがデフォ 等です。 マウスは「HID-compliant Laser TiltWheel Mouse」 解決策はないでしょうか?

  • jQuery、移動中に他スクリプトを無視したい

    マウスオーバーで変化する画像が多数あるページに、jQueryを使ったTopへゆっくりスクロールしながら戻るボタンを設置しています。 ボタンを押してスクロール中、マウスカーソルの下に、マウスオーバーで変化する画像がたまたま差しかかると、マウスオーバー動作が起きてしまい、一瞬、スクロールがひっかかるような、ぎこちない感じになります。 キレイにスクロールさせたいのですが、スクロール中にマウスオーバーを無視するようなスクリプトってありますか? tooltipみたいな動作も無視できたらうれしけれど。 よろしくお願いいたします。 (ボタンを画面の端に設置するのが安全策なんですが、デザイン上、使いたくないので、その方向は無視して下さい)

  • 画面が勝手にスクロールします

    ノートPCがシャープのPC-GP2-C3Mでマウスがロジクールのコードレスクリックプラスというのを使っていますが、何かマウスの動きがおかしいと思っていましたら、マウスもさわっていないのに急に勝手に画面が上下に激しくスクロールします。ホイールボタンの動きもおかしくなったのでてっきりマウスがおかしいと思い以前使用のエレコムUSBマウスに(いずれもオプティカル)替えましたが画面が同じ動きをします。PCには詳しくないのですが、原因がわかりません。ExcelやWEBサイトなどが使えた物ではなく困っています。ウィルスとか入っているようでもありませんし、関係するような原因があるようでしたら教えて下さい。仕事にもならず困っています。メーカーに聞くのがいいでしょうか?マイクロソフトに聞くのがいいのでしょうか?よろしくお願いします。

  • 横スクロールできない Sanwa Supplyのレーザーマウス(MA-LS3S)

    Sanwa Supplyのレーザーマウス MA-LS3Sを使用しています。 ホイール操作で縦、横方向に移動できるマウスです。 先日、Office 2003 から 2007 にしたところ、Word、Excelなどにおいて、ホイールで横スクロールができなくなりました。(ホイールクリックで上下左右移動はできます) マイドキュメント等のExplorer、Internet Explorerなど、Office製品以外では今まで通り横スクロールが可能です。 Office 2007で横スクロールを利用するために、何か解決策などがありましたら、教えていただきたく思います。 よろしくお願いします。 (参考) http://www.sanwa.co.jp/product/syohin.asp?code=MA-LS3S ●横スクロールで、作業効率アップ。 縦スクロールはもちろんのこと、横方向にも指1本でスクロールできるから、スクロールバーを頻繁に動かすWebや表計算ソフトなどの画面を素早く動かすことができます。マウスの位置を変えることなく、1つのスクロールボタンで、2方向のスクロールができるので、作業効率がグンとアップします。

  • マウスのホイールの設定について

    昨日、マイクロソフト社製のintellimouseExplorerというマウスを購入しました。 前のマウスは同じくマイクロソフト社製のオプティカルマウスというものでした。 今回のマウスは前回のマウスと比べホイールの感度が良く、スクロールするときには滑らかにできます。 ですが、私はビューア等でホイールによりファイル移動を行うことが多いです。 このときに前回と同じく1つ分の動きをすると2つ分動きます。 どうやら、前回のマウスの1つ分を2つに分けてるようです。 これにより、スクロールを滑らかにしているようですが、私のようにファイル移動に使う人間にとっては少し厄介です。 正直、今のマウスの1つ分の動きはどう考えても意識してゆっくり動かさないとできません。 それで質問なのですが、このホイールの感度、というのか、移動量を設定できる方法はないでしょうか。 付属のCDはインストールしてみましたが、スクロールの早さは設定できてもこの感度の設定はできませんでした。 早さの設定を変えて試してみましたがあくまで速度であり、感度は変わらないので無理でした。 説明がわかりにくくて申し訳ありません。

  • ACCESS2007のテーブルデザイン変更で項目の位置を移動する際に、

    ACCESS2007のテーブルデザイン変更で項目の位置を移動する際に、マウスの左ボタンでドラックして、上下移動させています。 表示画面中に移動先があれば良いのですが、スクロールして移動先を指定する際に、超スピードで移動して、上または下の端まで移動してしまいます。 EXCELで行を移動する際の何十倍と思われる早さです。 スクロールするスピードを変える方法はないものでしょうか? よろしくお願いいたします。

  • ロジクールの光学式マウスにしたのはいいが

    ずっと使っていたボール式から初めて光学式マウスにしたのはいいのですが、なぜかスクロールできるときと出来ない時があります。時というか場所というか。webページで上下にホイールでスクロールできても、その横のメニューウィンドではなぜかホイールを回してもスクロールできないという具合です。逆の場合もあります。どうしたらいいのでしょうか?またそれとは別に文章を打っていると勝手にマウスのポインタの所にカーソルが移動したりします。そのため意図しない場所に文章が割り込んでしまったりして困っています。どうしたらいいですか?

専門家に質問してみよう