2008/6/28(土) 11:12
はじめての方は利用方法や
お願いについてガイドライン
のご一読をお願いします
 をクリックするとそのツリーの全記事を一度に閲覧できます。(Ver. 2.01)

[記事表示に戻る] [ツリートップの表示に戻る]

-マウスオーバー-KAZ(6/11-00:30)No.10431
 ┗Re:マウスオーバー-菊池さん(6/11-10:57)No.10432
  ┗Re:マウスオーバー-KAZ(6/11-12:21)No.10433
   ┗Re:マウスオーバー-菊池さん(6/11-12:41)No.10434
    ┗Re:マウスオーバー-KAZ(6/11-15:22)No.10435
     ┗Re:マウスオーバー-KAZ(6/11-15:39)No.10436
      ┗Re:マウスオーバー-菊池さん(6/12-18:45)No.10437
       ┗Re:マウスオーバー-KAZ(6/12-23:05)No.10438


トップに戻る
10431マウスオーバーKAZ 6/11-00:30

 教えていただきたいことがあります。過去の記事を検索してみましたが、
お聞きしたいことにぴったり当てはまらないようですので。
 画像にマウスを乗せて、別の画像を出したいのです。1つのページで1箇所
についてはできるのですが、複数の画像があって、それぞれにマウスを乗せ
て、それぞれ別の画像を出そうとしますがうまくいきません。一つ一つの画
像に対して、別々にheadやbodyにscriptを書くのでしょうか?Headにはまと
めて書いてしまうのでしょうか?
 やはり、マウスオーバーで文字の表示もしたいのですが、「ヘルプ表示
1」も「2」もアンカーが文字列になっていますね。画像もアンカーにでき
るとありますが、初心者の私には何回書き直してもうまくいきません。この
点も教えてください。よろしくお願いいたします。

トップに戻る
10432Re:マウスオーバー菊池さん 6/11-10:57
記事番号10431へのコメント
申し訳ありません。おやりになりたいことが、よく掴めません。
ソフト工作室の「メニュー画像反転(2)+ヘルプ表示(2) 」の
ようなことを考えてるのでしょうか?
http://kikuchisan.net/wsp/dhtml/dhtml12.html

トップに戻る
10433Re:マウスオーバーKAZ E-mail 6/11-12:21
記事番号10432へのコメント
せっかく読んでいただいたのに、わかりにくくて、ごめんなさい。質問を2
つ書いてしまったからよけいわかりにくかったようです。

1)ソフト工作室の「ヘルプ表示1」で画像をアンカーにするにはどうすれ
ばよろしいのでしょうか?

2)ソフト工作室の「メニュー画像反転(2)+ヘルプ表示(2) 」で画像を反
転させないで、画像にマウスを置いてだけでヘルプを表示するには、どこを
書き換えればよろしいのでしょうか?

再度お手数をおかけします。よろしくお願いいたします。

トップに戻る
10434Re:マウスオーバー菊池さん 6/11-12:41
記事番号10433へのコメント
1.
<DIV><span id="menu0"><layer name="menu0"></layer></span><BR>
<A HREF="../ubu.html" onMouseover=menuHelp("menu0",0,"visible")
onMouseout=menuHelp("menu0",0,"hidden")><b>プロフィール
</b></A></DIV>

の<b>プロフィール</b>部分を
<img src="./gif/abc.gif" border="0">
に変更します。gifは画像を置いてるフォルダー名、abc.gifは画像名です。

2.
2−1 //画像反転(2)部分を削除
//画像反転(2)
から
}
まで

2−2 onSelect(0);とoffSelect(0);を削除。以下onSelect(1);offSelect(1);も同じ
DOC+='<A HREF="../ubu.html"';
DOC+=' onMouseover="menuHelp2(\'tag0\',\'visible\',250,230)"';
DOC+=' onMouseout="menuHelp2(\'tag0\',\'hidden\',0,0)">';
DOC+='<img src="../java/logo/profile_off.gif" name="imge0"';
DOC+=' border="0" width=98 height=16></A><br>';

トップに戻る
10435Re:マウスオーバーKAZ E-mail 6/11-15:22
記事番号10434へのコメント
早速にお返事ありがとうございました。とりあえず、(1)の、画像にマウスを乗せてヘルプを出すことに
成功しました。三つある画像を縦に並べるのではなく、二つは左右に並べたいのですが、一つを右へ持って
いくとヘルプが出てこなくなるので、まだ研究が必要なようです。頑張ります。「今日のこよみ」や「天気
予報」など、いっぱいお世話になっています。いつもありがとうございます。
http://www.ne.jp/asahi/shiatsu/doctor/course.htm

トップに戻る
10436Re:マウスオーバーKAZ E-mail 6/11-15:39
記事番号10435へのコメント
画像を二つ左右に並べることができました。
あと一つだけお聞きしてよろしいでしょうか。画像の上にマウスを持っていってヘルプを出すと、画像が動
きます。これは仕方のないことなのでしょうか。それとも、何か改善の方法があるのでしょうか。
  http://www.ne.jp/asahi/shiatsu/doctor/course.htm

トップに戻る
10437Re:マウスオーバー菊池さん 6/12-18:45
記事番号10436へのコメント
ヘルプ表示(1)はアンカーの上部にヘルプを挿入して表示する関係上、
アンカーの位置がずれる問題があります。

それを避けるためヘルプ表示(2)を作りました。
ヘルプ表示(2)は表示位置x,yで任意の位置に表示できるので
ユーザが自由に場所を指定することができます。

トップに戻る
10438Re:マウスオーバーKAZ E-mail 6/12-23:05
記事番号10437へのコメント
ありがとうございました。ヘルプ表示(2)でやってみました。画像が動か
ず、うまくいきました。でも、また、画像の配置が縦になり、左右に並べる
ことが出来なくなりました。とりあえず、格好がつくようにしたつもりです
が、課題ができました。いろいろ学んでいます。(^^)