• ベストアンサー

ボックスのスクロールを画像で遠隔操作

kappa_nekoの回答

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

画像をクリックしたら、スクロールが動くようにするって事ですか? こんなんでどうでしょう。(マウスオーバーは適応してないけど) <html> <head> <script> x = 0; function move2right(){ x = document.body.scrollLeft + 10; scrollTo(x,0); } function move2left(){ x = document.body.scrollLeft - 10; if(x < 0){ x = 0; } scrollTo(x,0); } </script> </head> <body> <div style="width:1200px;"> </div1> <input type="button" value="左へ" onclick="move2left();"> <input type="button" value="右へ" onclick="move2right();"> </body> </html>

参考URL:
http://homepage2.nifty.com/BASH/WWW/JavaScript/java4.html

関連するQ&A

  • マウスホイールでテキストボックスのスクロールバーを

    マウスホイールでテキストボックスのスクロールバーを移動させたいです 帳票フォームにしています。 フォームのテキストボックスにスクロールバーありにしてるのですが そのテキストボックスがアクティブになった時に、 マウスホイールをクリクリした時に、 テキストボックスのスクロールバーを移動させたいのですが フォーム上スクロールバーが動いてしまいのレコードが移動してしまいます。 テキストボックスがアクティブの時に↓キーを押せばテキストボックスの スクロールバーは移動しますが、 マウスホイールで操作することは不可能でしょうか? テキストボックスには 1 2 3 4 5 6 7 8 9 10 がはいっています。

  • スクロールの制御について・・・。

    フレームを使わずにスクロールの制御ってできますか? スクロールバーを非表示にしたいのですが・・・。

    • ベストアンサー
    • HTML
  • スクロールバーの表示について

    お世話になります。 フォームやフレームにスクロールバーを表示させたいのですがScrollBarsプロパティやKeepScrollBarsVisibleプロパティに値を設定してもレールの部分だけ表示されてバーが表示されません。 というのもフォームやフレームの中にたくさんコントロールを置きたいのですがフォームやフレームの中に納まらないためスクロールバーでスクロールして納まらない部分も表示できるようにしたいと思っています。 フォームやフレームの中をスクロールするにはどうすればよいのでしょうか(テキストボックスではバーが表示されスクロールできます)。 よろしくお願い致します。

  • フレームのスクロールをできなくしたい。

    左右に分けて、右のフレームを上下に分けています。 右上のフレームをスクロールしないようにしたいのです。 スクロールバーの非表示をしたり、 フレームのサイズを不変にしたりしてみたのですが、 マウスで動かすとスクロールできてしまいました。 スタイルシートを使わない方法を教えてください。 もし方法がない場合でも、ないことを教えていただけると助かります。 どなたかよろしくお願いします。

  • WEB上で編集できない、スクロールがあるテキストボックスの作り方を教え

    WEB上で編集できない、スクロールがあるテキストボックスの作り方を教えてください。 HTMLで、「スクロールバーがあるボックスの中に文章をいれる」 やり方を 調べているのですが よくわかりません。 <textarea>~</textarea> で 中に文章をいれてつくってみたのですが WEB上にアップしたあと、その文章は 別の人でも編集できるようです。 私が作りたいのは、よくHPなどの更新情報や使用承諾書などで 使われているような スクロールボックスの中に文章は 表示されている だけのものです。 いろいろ調べたのですが、よくわからず困ってます。 仕事の締め切りもしまっており、これ以上 調べるつずけるのも苦しく断念しました。 すいませんが 教えていただけないでしょうか?

    • ベストアンサー
    • HTML
  • jQueryでスクロールボックスを・・・

    添付画像のような縦の自動スライドショーを作ったのですがスクロールボックスのバーがそのままなのが非常に気になります。 そこで自動スライドと共にスクロールバーもそのイメージに合わせて自動スクロールさせたいのですがどうすればいいでしょうか?プラグイン、もしくはJavaScriptの記述例を教えていただけると幸いです。宜しくお願いします。 【一部ソース】 ▼script <script type="text/javascript"> $(document).ready(function(){ $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 4000, true); }); </script> ▼html <div id="featured"> <ul class="ui-tabs-nav"> <li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"></li> <li class="ui-tabs-nav-item" id="nav-fragment-2"></li> <li class="ui-tabs-nav-item" id="nav-fragment-3"></li> :繰り返し : </ul> <div id="fragment-1" class="ui-tabs-panel" > <img src="img/no.jpg" alt="" width="250" /> <div class="info" > <h2></h2> </div> </div> :繰り返し : </div>

  • フレーム内のレンタル掲示板のスクロールバー。

    フレーム内にレンタル掲示板をリンクさせて置いたのですが、そのページだけスクロールバーのデザインがデフォルト状態になってしまい、何か不細工です。 ちなみに、その掲示板のカスタマイズの範囲として、スクロールバーは含まれていないようです。 このような場合、フレーム内のスクロールバーのデザインを制御する方法はないのでしょうか?

    • ベストアンサー
    • HTML
  • スクロールマウスのスクロールボタン制御

    こんにちわ。 ご存知の方がいらっしゃいましたら、ぜひ教えてください。 現在、WEBページでスクロール制限をかけています。 スクロールバーが存在しないので、基本的にスクロールマウスのスクロールボタンをゴロゴロやっても下にスクロールしないのですが、スクロールボタンを押してしまうと、スクロールしてしまいます。 これを制御する(使えなくする)ことはできるのでしょうか?

  • スクロールバーについて

    以前みたHPでスクロールバーの矢印の所にマウスを合わせただけで 画面がスクロールするような仕掛けになっているHPを見ました。 アドレスは忘れてしまったのですがこういうことはjavascriptを 使ってできるのでしょうか?どなたかお詳しい方ぜひお答え下さい。 よろしくお願いします。

  • html、スクロールバーを表示させない(横だけ)

    HTMLでフレームのスクロールバーを表示させないには <frame>、<iframe>タグの属性、scrolling="no"とすればよいのですが それでは縦のスクロールバーも横のスクロールバーも消えてしまいます。 自分は横のスクロールバーのみ消して縦のスクロールバーのみ残したいのですがどうすればいいでしょう? 補足:上下にのみ動かせるページを作りたい。ということ。 わかるかたどうかお願いいたします。 HTMLでムリでしたらJavaScritpなどでもかまいません(が、解説、もしくは解説ページを教えていただかないと自分はJavaScriptが打てませんので・・・よろしくお願い致します。)