HP上にある、画像についてなんですけど、
画像Aとリンク文字Bがあったとします。
Bの上にカーソルを持って行っただけでAが違う画像に
変わる・・・っていうのをあるHPで見たんですけど、
どうやってするんですか?
とってもわかりにくい説明ですいません。

このQ&Aに関連する最新のQ&A

A 回答 (3件)

こんにちは、xruzです。

こんな感じでしょうか?
(Ie5.5sp2,NN4.75動作確認済み)

<html>
<head>
<title>ChangeImg</title>
</head>
<body>
<img name="img1" src="a.gif" border="0">
<a href="next.html"
onmouseover="document.img1.src='b.gif';"
onmouseout="document.img1.src='a.gif';">
ChangeImage
</a>
</body>
</html>

がんばってくださいね。
    • good
    • 0

手前味噌で申し訳ないのですが、以下のURLは参考になるでしょうか?


これは、絵にカーソルをもっていくと文字が変わるタイプなのですが、やりかたはそう変わりませんよ。
(JavaScriptを使用しています)

参考URL:http://www.okweb.ne.jp/kotaeru.php3?q=114348
    • good
    • 0

それは、ジャバスクリブトJavaScriptという言語で、マウスがその文字列になったら、○○せよ…という記述をしてあります。

画像が変わるだけでなく、文字列を表示したり、背景を変えたりいろいろできます。
ホームページ作成ソフトでは、マウスが乗ったとき、表示する画像を指定すると、自動的にJavaScriptで書き出し生成してくれるものもあります。
お使いのホームページ作成ソフトが決まっていれば、調べることも出来ますが…
    • good
    • 0

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qここの色

<HEAD>
<STYLE type=text/css>
b{color:#166464}
</STYLE>
</HEAD>
<BODY>
<B>あ<B>
<A><B>い<B></A>
<B>う<B>
</BODY>

「い」は普通のリンクの色のままにさせたいんですが、スタイルシートだけでできませんか?
<BODY>内の変更はしませんが、インラインでスタイルを書くのならその追記だけはよしとします。

Aベストアンサー

CSS の文法に従って書くなら

a>b {color:inherit}

となります。
a の直下にある b は a の色を引き継ぐという意味です。
ただし、某有名ブラウザはこの書き方を認識しないので、それにも対応したいと言うのなら、a の色を自分で指定して、

a, a b {color:blue}

のようにすることになります。(a と a 内の b を青くするという意味)

ところで、細かいことですが、
誤 <STYLE type=text/css>
正 <STYLE type="text/css">

Q画像の上にカーソルを置くと出てくるボックスを消したい。

画像の上にカーソルを置くと「イメージを保存する」とか「イメージを印刷する」などのアイコンがついてるボックスみたいなのが出てくると思うのですがそれを消したいのです。タグなどありますでしょうか?無断転用されたくないので右クリック禁止のタグを入れてるのですがこのボックスが出てきては意味がないと思うので・・・。
教えてください。よろしくお願いします。

Aベストアンサー

ヘッダ部分に
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
を記述してみてください

Q画像の上にカーソルを乗せると表示される『バー』の表示させない方法

<IMG SRC="">などで、画面に表示させた画像の上に
カーソルが乗ると表示される
保存や印刷などのボタンが付いた『バー』を
HTMLの時点から表示させない(他の他人がHPの画像に同じ事をしてもバーを表示させない)方法、もしくはHTML、CSS、JAVAなどありましたら、教えて下さい。
他にその対処法がありましたらお願いします。
自分が見る分には問題ありませんが、デザイン的に
邪魔になってしまい
どこから誰がWEBページを見ても表示させなくしたいです。
宜しくお願いします。

Aベストアンサー

<head></head>タグの中に

<META HTTP-EQUIV="Imagetoolbar" CONTENT="no">

というメタタグを入れてください。

Q画像にカーソルをあわせると画像が変わる

画像にカーソルをあわせると画像が変わるようにするには
どうしたらいいのでしょうか?
教えて下さい。

Aベストアンサー

よくメニュー等に使われている手法ですか?
それでしたら、JAVAScriptを使用したロールオーバーやオンマウス処理と言われるものです。
比較的簡単なJSなので、頑張って勉強してみてください。
参考URLの「ロールオーバー」をご覧ください。

参考URL:http://ad.il24.net/~ura/time/sample.htm

QHP上で直接携帯に画像を送信出来る方法を教えて下さい

HPでドコモのデコメール用素材を作っているのですが
自分で画像を保存して自分でメールで送信するのではなく
「この画像を携帯に送る」ボタンがHP上にあって
押すとアウトルックが立ち上がり自働的に選択した画像が
添付ファイルに選択される方法はありますか?
参考URL
http://2php.jp/deco/
ここのサイトみたいにデコメールそのものを
送れるとなおいいのですが^^

なお当方 PHPもジャバスクリプトも使えません

Aベストアンサー

パソコン初心者なので、質問の内容に合った回答になっていると良いのですが…

私が使っているサイトのアドレスです。
写真を携帯に送れます。

参考URL:http://www.a-groove.com/photocome2/


人気Q&Aランキング

おすすめ情報