• ベストアンサー

スクロールと同じように画像や文字を移動させる

よろしくお願い致します。 ハンゲーム http://www.hangame.co.jp/ の用にスクロールさせると下のメニューや右の画像を移動させたいと思っているのですが、検索するのに使う言葉も思い浮かびません。 このように同時に移動させているサイトを良く見るので参考サイトなどもあると思うのですが、一向に見つかりません。 ご存知の方がいらっしゃいましたら是非ご教授お願い致します。

  • melll
  • お礼率50% (114/227)

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

  • ベストアンサー
noname#22259
noname#22259
回答No.3

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <script type="text/javascript"> function F1() { v='.pixelTop=';dS='';sD='.style';y='document.body.scrollTop';} function F2() { obj='obj1';yy=eval(y);eval(dS+obj+sD+v+yy);setTimeout('F2()',10);} </script> </head> <body onload="F1();F2();"> <div id='obj1' style='position:absolute;left:0px; top:0px;'> どこまでも付いてゆきます下駄の雪 </div> <script type="text/javascript"> for(var i=0;i<100;i++){document.write('<br>')} </script> </body> </html>

その他の回答 (3)

  • NTJ
  • ベストアンサー率44% (46/103)
回答No.4

あの手法は非常に気持ち悪いので、むしろ素直にFRAME分けしたほうが良いのではないでしょうか・・・？ なんであんな変なのが流行しちゃってるんだろう・・・。

  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.2

>もう少しスムーズに動いてくれると嬉しいのですが・・ すみませんデス。ｏｒｚ カクカクする理由の１つは、移動先と現在の位置の差を一気に更新するからですかね…（ちゃんと調べたワケではありません） 以前どっかで観たサイトでは、そういうのを防止するためか（効果なのか）遅れてやって（ついて）くるようになっていました。 位置の修正を一気ではなくて徐々に修正するということだと思います。 そんなふうに修正するといいかもしれません。

  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.1

参考ＵＲＬが参考になるかも。 （クロスブラウザを考慮したものに変更する必要があると思いますが） 参考ＵＲＬで固定になっているのはDIVなので、そこにメニューやら画像やらいれとけば丸ごと固定されると思います。＜自信なし

参考URL：
http://okwave.jp/kotaeru.php3?qid=1353095
melll
質問者

お礼

ありがとうございます。 早速試してみました。 もう少しスムーズに動いてくれると嬉しいのですが・・

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

関連するQ&A

  • 画像のスクロール

    ＨＰで画像をスクロールさせたいのですが、希望どおり行かず困っています。 画像を、最初と最後が切れないように、表示させてスクロール表示させたいのです。探してみたのですが、例えば右から現れて左に完全に文字や画像が消えてから、もう一度右から現れる、というスクロールしかありませんでした。 そうではなくて、続けて、言うなれば画像が輪になった状態で(まわり灯篭みたいな)グルグル回るように表示させたいのです。 ＨＴＭＬタグだと助かるのですが、ＨＴＭＬでは不可能でしょうか。若しくは、何か良い案を教えてください。 宜しくお願い致します。

    • ベストアンサー
    • HTML
  • マウスに反応した画像スクロール

    例えば500px×500pxの画像があるとして、それを200px×200pxのサイズのFlashで見せたいと思っています。当然Flashの方がサイズが小さいので画像の全体像は見えませんが、マウスの動きに反応して右なら右、下なら下にスクロールさせたいのです。このとき、ループではなく、画像の端までスクロールしたら止めたい（できればゆっくり・そっと止めたい）んですが、検索しようとしてもせいぜい「action script 画像 スクロール」ぐらいしか思いつかず、そういったスクリプトのサンプルが見つかりません。もしご存じの方、慣れているからそれぐらいなら書いてやるというような優しい方、おられましたらよろしくおねがいします。 イメージとしてはこんな感じです。 http://www.uniden.jp/jijitsu/

    • ベストアンサー
    • Flash
  • 画像スクロールメニュー

    http://www.rakuten.co.jp/plus-tick/ ↑まさにこのメニューをそのまんま画像がスクロールするメニューを作りたいのですが、イマイチ作り方が分かりません（泣） とくに右側の矢印と下にある●のしくみがわかりませんので宜しくお願いします！！

  • ヤフーオークションの商品画像の位置が変（閲覧者です）

    ヤフオクで、商品を色々見ていると、たまに起きるのですが、 商品画像が、右の方にずれてしまいます。 普通なら、そのまま下にスクロールすれば、画像が出るのですが、 その状態の場合、下にスクロールすると、真っ白な背景が表れます。 ページが右へ続いているように「横スクロールバー」が出るので、右に移動すると、画像が出て来ます。 横にかなり長いページで、センタリングしたような位置に、画像が貼り付いているのです。 これが、たまに起きます。 こちらのせいなのか、サイト内のバグなのか、出品者が余計なタグを入れたか、、、 原因は、何が考えられますでしょうか？ これを直すには、どうすれば良いでしょうか？ 自分が出品する時の参考にもしたいので、アドバイスください。

  • スクロールで背景画像が隠れてしまう

    CSSを始めたばかりの初心者です。 フレームでメニューを表示させています。 CSSで背景画像を固定にしているのですが、 長いメニューでスクロールが出て来ると、 ブラウザの表示領域外にあったテキストの背景が白く表示され、 そこから下の背景は画像も見えず真っ白になってしまいます。 ブラウザを引っ張ると背景画像もまた出てくるのですが… これは一体どうしたらいいのでしょう？ お答え頂けたら嬉しいです。

  • Wordに貼り付けた画像が文字の下にもぐりこむ

    Wordに貼り付けた画像が文字の下にもぐりこんでいるため表示することができず困っています。かろうじて下の部分のみ表示されているものです。 この困った画像はクリックすると輪郭が8コの小さな黒い正方形付きで表示されます。 右クリックメニューでは「Word文章オブジェクト」・・・というメニューであり、「順序」で「最前面に移動」ができません。 通常の「順序」「グループ化」を右クリックメニューにもつ、輪郭が白い小さな正方形付きな画像にするにはどうしたらよいでしょうか？

  • ActionScript スクロールメニュー

    ActionScriptで以下のサイトのように、下段のサムネールが左右にスクロールするメニューを作成したいのですが、実現方法がわかりません。 http://www.wasedazemi.com/ ・下段の最右、または最左の矢印ボタンを押すとその方向にメニュー1個分スクロールし、下段の真ん中のメニューの画像が上段に表示される。 ・下段の任意のサムネールを押すとその画像が下段真ん中に移動し、上段にその画像が表示される。 ・下段のサムネールはループしていて、スクロールをし続けても端にならずに回り続ける。 ・上段の画像にマウスオーバーすると青い枠線が表示される。 ActionScript 3.0、Flash CS5を利用しています。 ご教授よろしくお願いいたします。

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

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

  • ページ内リンクをスクロール移動させる方法

    このサイトのように、メニューをクリックすると コンテンツ側のエリアだけスクロールするようにさせるには どうすればいいのでしょうか？ http://www.yurikago.or.jp jQueryを使ったページ内スクロールの方法は色々なサイトで紹介されていたのですが、 どれもページ全体がスクロール移動するものだったので、質問させて頂きました。 （あるいはページ全体がスクロールするものを少しアレンジすれば、可能なのでしょうか？） 教えて頂けましたら幸いです。

    • ベストアンサー
    • CSS
  • スクロールすると文字だけ移動する画面を作るには？

    ホームページビルダー６をＷｉｎ９８で使用しています。 最近、知り合いのサイトがトップページにイラストを飾り、横にスクロールバーがあって、送ると、イラストはそのままで文字だけが移動するという形式に変わりました。 どうもフレームを用いているらしいのですが、私はこのフレームを作る作業がどうしても出来ず、エクスメディアの図解を見ても首を捻るばかりです。 それとも、これは別の手法で作るのでしょうか？ どうぞよろしくご教授ください。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する