• ベストアンサー

文字にマウスを重ねると画像が横に出るスクリプト教えて下さい

フロントページで作成中です。テキストボックスで入れた文字にマウスを重ねると画像(写真)が横小さくに出てくる様にしたいのですが、タグがわかりません。 HTML表示にして自分でアレンジしたいのですが、タグはどの部分に打ち込んだらいいのでしょうか? どうか教えてください。

  • HTML
  • 回答数1
  • ありがとう数1

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

  • ベストアンサー
  • BlueRay
  • ベストアンサー率45% (204/453)
回答No.1

FPを使ったこと無いのでわかりませんが、 以下のようにスクリプトを使用すれば出来ます。 コピー&ペーストしてやってみてください。 違っていたら、すいません。 '********** ココから ********** <script language="javascript"> <!-- function changeVis(obj, visible) { document.all(obj).style.visibility=(visible?"visible":"hidden") } //--> </script> <A HREF="#" onMouseMove="changeVis('image', true)" onMouseOut="changeVis('image', false)">アイコン(hogehoge)</A> <IMG SRC="hogehoge.gif" STYLE='visibility:hidden' id='image'></DIV> '********** ココまで **********

kikkotan
質問者

お礼

早速、教えていただきましてありがとうございます。 よし!これからやってみます!!

関連するQ&A

  • マウスカーソルを画像や文字に重ねるとカーソルのすぐ右下に画像を表示する

    マウスカーソルを画像や文字に重ねるとカーソルのすぐ右下に画像を表示するようにしたいのですが、どのようなHTMLタグやjavascriptを使えばいいですか?

  • 画像文字 HTMLのつくり

    HTML上に画像文字で表現する場合にタグの作りとして皆さんはどのようにされていますか?理由も記載頂くとありがたいです。 <img タグで書いて altにテキストの内容を記載 <img でtitle属性にテキストの内容を記載 <divなどのボックスを造りその中にテキストを記載し、CSSにて背景に画像文字を表示し、テキストは非表示にする。 等々

  • フロントページエクスプレス 画像と文字の挿入

    フロントページエクスプレスでHPを作成しています初心者です。 縦長の画像(木)を挿入すると、その行は画像の高さの幅に広がりますよね。それで、その横に文字を小さく何行か入れたいのですが、どのようにすればいいのでしょうか?テキストボックスのようなものはありますか?ログがあるということでしたら、挑戦してみますので教えてください。 また、行間隔の変更の仕方も教えてください。 宜しくお願いします。

  • リンクにマウスオーバーで指定の場所に文字や画像など

    リンクにマウスオーバーすると、指定した場所に文字とか画像とかを表示させたいのです。 リンクページで、バナーに触れると、上の辺りにあった空白部分(テキストボックスでもなんでもいいですし空白じゃなくてもいいです)の中に、 バナーと管理人名、説明etc...と説明が出るようにしたいです。 わかりにくくて申し訳ないです。 今まで、HEAD内に <script language="JavaScript"> <!-- function sp(msg){ if(msg==""){linkinfo.innerHTML="..."; }else{linkinfo.innerHTML=msg;}} //--> </script> と入力し、適当なテキストエリア <p><textarea width="300" height="70" id="linkinfo"></textarea></p> とかを表示させ、リンクのaの中に onMouseOver=sp("説明1"); onMouseOut=sp("マウスを離れた時の説明(基本的には説明1と同じ内容ですが)"); を入れて、 リンク(画像も文字も)触れると、テキストエリアに説明1やらが出てくる方法を使っていました。 しかし、テキストエリアはタグが使えないので、画像の表示ができなくて… インラインフレームはあまり使いたくないのですが、他に方法がなかったらインラインフレームでこんな感じに表示できるタグを教えて下さい。 ちなみに、「今まで、HAD内に~」のサンプルはこちらです。→http://www49.atpages.jp/kstr/mmm.html

  • 画像にマウスを乗せると文字がでるようにしたい

    ネット初心者です。 ブログの画像などにマウスをあてると 簡単なタイトルや文字が表示されるようにしたいのですが どうやったらよいのでしょうか。 時々お伺いしてるブログには ネコちゃんの写真がよく載ってて 写真の上にマウスを乗せると ネコちゃんの気持ちが一言表示されてとても楽しいので 私もやってみたいのです。 よろしくお願いします。

  • PHP 画像の表示

    <input type="file">の文字が入るテキストボックスに画像を表示にしたいと思っております。 前提条件:画像がアップロードされている。 value値にHTMLタグを与えてもダメでしたので何かやり方があればお教えいただきたいと思っております。

    • ベストアンサー
    • PHP
  • 画像の文字を消したいのですが・・・

    お世話になります。 Fireworksを使って、HPを作ろうとしています。 先ほどは別の質問に回答いただきましてありがとうございました。 http://okwave.jp/qa3601849.html 今まで、デザイン関係のソフトは使ったことがないため、 画像の切り出しなどで大変苦戦しています。 作成するHPのイメージの画像をもらい、どうにかこうにか画像の切り抜きを進めています。 画像に文字が入っている場合、文字だけ消したりすることは可能でしょうか? 背景にグラデーションがある部分のため、スライスではない方法で、文字だけを消したいです。 文字は、HTML側でテキストとして記述したいと思っています。 HTMLでテキストとしておいたほうが、その部分の文章を書き換えたりと、 使い勝手がよいと思っているからです。 【↓画像の文字だけを削除したいのですが・・・】 ■■■■■■■■■■ ■文字文字文字文字■ ■文字□□□□□□■ ■■■■■■■■■■ いろいろなサイトを見て、レイヤーについて調べたり 触っていますが、解決に至っていません。 よろしくお願い致します。

  • アフリエイト画像のすぐ横に文字を入れたい場合

    よく見かけるのですが、 amazonのアフリエイト画像のすぐ横に文字が綺麗に入ってるサイト、ありますよね。 そうゆう風に画像の横に文字を入れたいのですが方法が分からないので教えてください。 (普通に画像の横にテキストを回りこませるのは分かってますが、アフリエイト画像の横にリンクテキストと入れたいのです!)

  • マウスクリックした地点のテキストを読み込みたい

    マウスクリックした地点(X,Y座標)に表示されている文字を取得したいのですが、何か方法はありますでしょうか? 文字がないところや画像の場合は何も取得できなくても構いません。 特定のタグで囲まれている文字ではなく、BODY の中で特にタグに囲まれていないテキストを取得したいのです。 単なる文字が取得できるだけでも良いのですが、文章や段落も特定したいので、できれば、HTML中の何文字目なのかということがわかるとありがたいのですが…

  • マウスを置くと画像が変わる。

    こんにちは。 自分のサイトであることをやりたいのですが、 肝心のタグが分からないので質問させてくださいませ。 タイトルだけ見ると普通のロールオーバーと思われるかも しれませんが、私が聞きたいのはちょっと違うのです。 一箇所に画像が貼ってあって、 同じページ内のあちこちにある文字の上にマウスを置くと その画像が変わるのです。 他のサイト様でそんな効果を見かけたのですが、 やり方がわからなくて困っています。 タグは直打ちでもなんとかできますが、 私はホームページビルダー8も持っているので、 もしやり方を知っている方がいらしたらぜひお願いします。

専門家に質問してみよう