• 締切済み

離れた場所への文字表示

下に紹介したHPからの参照となるのですが 画像から離れた場所へ、それも一つの場所へ 文字を表示するにはどのようにしたらいいのですか? (下のHPの一番上の部分です) http://www.ume.sakura.ne.jp/~rei/top.html

  • HTML
  • 回答数2
  • ありがとう数0

みんなの回答

回答No.2

他の方への回答とダブってしまうのですが… 参考URL【うさのJavaScript講座】のJavaScriptを改造すると良いと思います。 右端のSsmples 【8】レイヤー属性 をクリックすると出てくるリストの サンプル17を改造すると良いと思います。

参考URL:
http://www.scriptsquare.com/usajava/
  • farruca
  • ベストアンサー率0% (0/4)
回答No.1

メニューの画像の下を右クリックして「ソースの表示」で見てみると JavaScriptとmap等色んな技が使われてるようです。 js_lib.jsをダウンロードして見ると、おぼろげながらhtmlの構成はみえてきますが、一から作るとなると大変ですね。じっくり解析すると勉強になるかも知れません。

関連するQ&A

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

    下のHPのようにスクロールバーの色を変えるには どうすればいいのですか? http://www.ume.sakura.ne.jp/~rei/top.html

  • クリックしたら他の文字も一緒に

    メモ帳でHPを作ってます。 大部分完成したのですが、トップページで リンク画像などをクリックすると 下に表示してあるリンクとは関係ない文字まで 押ささります どうしたら改善できるのでしょうか?

  • 特定の場所に文字表示

    特定の場所に(リンク文字,リンク画像など)マウスをのせると特定の場所に文字が表示される、という事は可能でしょうか?解る方、教えて頂きたいのですが...。お願いします。

    • ベストアンサー
    • HTML
  • 切り替わるロゴ画像内に、大きな文字で表示したい

    こんばんは。 今の状態では、画像に文字を入れて表示させているので、ウィンドウサイズを狭くすると、 どんどん画像内の文字が小さくなり、読めなくなります。 そこを改善したくて、いろいろといじっていたのですが、どうしても分からなかったので、質問させて下さい。 http://sumikaikan.jp/ ↑ ↑ ↑ この TOP ページの上の、大きなロゴ画像から文字を消して単純な写真 ? にして、 画像 (写真) の上に、普通に文字を表示させるにはどうしたら良いでしょうか ? 単純に <p class=***> **** </p> とか、CSS に P.*** としても、うまく表示できませんでした。 何か良い案があったら教えて下さい。お願いします。

    • ベストアンサー
    • CSS
  • マウスオンで同じ場所に画像表示

    *先ほどもHPの事で質問いたしました。 連続の質問ご了承ください。。 下のようなレイアウトで、上の各数字のところにマウスを持っていくと 「画像表示」の部分に画像が表示されるということを考えています。 例) 1の上にマウスを置くと、画像表示欄に1.jpgが表示。 2の上にマウスを置くと、画像表示欄に2.jpgが表示・・・・ という感覚です。 このような動作をさせることをJavascriptで可能でしょうか。 お手数ですが、お教えください。 ┌───────────────────────────┐ │ 1  2  3  4  5  6  7  8  9 │ │                           │ │     ┏━━━━━━━━━━━━━━━━┓    │ │     ┃                ┃    │ │     ┃     画像表示欄      ┃    │ │     ┃                ┃    │ │     ┃                ┃    │ │     ┗━━━━━━━━━━━━━━━━┛    │ │                           │ └───────────────────────────┘ *上の画像が質問内容作成画面ではきれいに見えるのに、質問するをおして、確認画面をみるとかなりずれてます・・・・。 これもなぜなのでしょうか?? 固定ピッチフォントとプロポーショナルフォントの違い??? 見にくくてごめんなさい。。

  • 複数の画像にメニュー表示させたい

    説明が下手で申し訳ないです。 現在hpのリメイクをしています、以前はテーブルでレイアウトを組んでselectタグで画像上部にプルダウンを設置していました。 (※画像参照) 今は、 ・上にプルダウンメニュー ・下に画像 のように分かれていますが、これを一つの画像として作成して 画像のある部分をマウスクリックすると、メニュー表示されるようにしたいです。 当初考えていた二つに分けて設置だと、場所の指定や書くコードが多すぎるのかと思い 一つの画像として扱おうと変更しました。

  • FLASH MAKER3でマウスを当てると画像を表示されるようにするには?

    ちょっと前にFLASH MAKER3 を購入しまして。 いろいろなHPを見ていると。画像の上。文字の上。にマウスポインタを合わせると下とかに画像が表示されるといった方法があるみたいで。 その方法をどうやってやるのか教えていただきたいのですが。。 内容が変ですいませn。 わかってもらえないと思うので、参照ページをあげておきます。↓ http://cs.clans.jp/ http://sf.hangame.co.jp/os_index.asp どちらとも上のほうにあるメニュー欄をマウスポインタを当てると画像。文字が出てくると思います。このやり方が教えて欲しいです>< オネガイシマス┌○"ペコッ

  • カーソル下に表示される文字について。

    VistaでIE7を使用しています。 サイトを見ている時にカーソルをリンク画像のところへ持っていくと カーソルの下に文字が表示されます。 例えば、gooトップの右上にある『gooトップの使い方』へカーソルを持っていくと 【gooトップの使い方】と言う文字が出る感じです。 IEの右上にある検索窓にカーソルを持っていくと 【Webを検索する語を入力(Ctrl+E)】と出ます。 この文字を表示しないような設定はありますか? よろしくお願いします。

  • onMouseoverで画像が特定の場所で変わるには?

    このようなものを作りたいんですが、作り方がわかりません。 http://www.sky.sannet.ne.jp/masapine/java_gazou3.html 一番下の『下の左の文字にマウスを置くと、画像が変わります。』 http://minto331.hp.infoseek.co.jp/imagegazoulink/imagegazoulink.html 私が作りたいイメージは左側に画像(特定の場所に設定)、 右側に文章があり、 「私のペットの名前は『ミッキー』です。 あの『ミッキーマウス』の名前を借りました。」 (『 』に囲まれている文字にマウスを置くと左側に画像が表示される) このように作りたいのですが、なかなか作れません。。。 文字の隣に画像を表示させることはできるのですが、 特定の場所に画像を置きたいんです。 どうすればいいのでしょうか? 教えて下さいm(__)m よろしくお願いします。

    • ベストアンサー
    • HTML
  • タイトル文字が背景色で塗りつぶされないようにするには?

    Seesaaブログでフリーのテンプレートを使っています。 ところが、トップページ最上部のタイトル部分がどうもうまく表示されず、困っております。 お分かりの方がいらっしゃれば、教えていただければ幸いです。 本来は、タイトルの文字が白色で、背景色がピンクで表示されるのですが、 トップページを立ち上げると、はじめ一瞬そうなるのですが、すぐ全体がピンクで塗りつぶされてしまいます。 トップ画面を下にスクロールして、再び上にスクロールするとタイトルが白で背景がピンクと、正しい表示に戻ります。 他のページに飛んだ場合なども同じで、タイトル文字の部分がピンクで塗りつぶされてしまいます(一旦下にスクロールしてから上に戻すと直る)。 どうしてなのでしょうか。CSSの記述がまずいのでしょうか。 あまりCSSに詳しくないもので、大変お手数ですが、わかりやすく教えていただけるとありがたいです。 どうぞよろしくお願いいたします。