- ベストアンサー
マウスを上にすると文字表示がされる
私がしたい質問と同じのがあったのですが回答が違うので教えてください <a href="dokosoko.html" title="説明">どこそこ</a>上を埋め込んで表示すると説明が数秒で消えるますがズット表示させる方法はありますでしょうか？
- ten123456789
- お礼率64% (96/150)
- ホームページ作成ソフト
- 回答数3
- ありがとう数2
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
その他の回答 (2)
説明文を透過画像にして表示すれば可能です。 が、消えないWEBサイトは不評極まりないと思います。
お礼
皆さんまとめてお礼します ありがとうございます 消えないと書きましたがマウスが上に乗っている時のみ消えない方法を教えてください。
- kaZho_em
- ベストアンサー率50% (2950/5879)
関連するQ&A
- マウスを置くと説明文が出るやりかた
<a href="dokosoko.html" title="説明">どこそこ</a> 他の質問で上記の方法でマウスを上に置くと説明文が出るのが分りました この説明文は数秒で消えてしまいますがずっと出し続ける事はできないでしょうか？。
- ベストアンサー
- ホームページ作成ソフト
- ｈｔｍｌ の代替文字 「alt」 記述に関して
例えば、下記のように画像にリンクを張り、その説明を 「alt="○○○"」 と記載したとします。 ---------------------------------------------------- <A href="abc.html" alt="○○○"> 画像 </A> ---------------------------------------------------- 画像にマウスを置くと、○○○の説明文が５秒程度表示されます。 この時○○○の説明文を、マウスが置かれている間中ずっと表示させる方法はあるのでしょうか？ 又「title="○○○"」でも同様な表示が出来ますが、（alt）と（title）とはどのような使い分け方をするのでしょうか？
- ベストアンサー
- その他（インターネット・Webサービス）
- マウスが重なったら画像の上に文字を表示する
今までに、画像を背景としてHTMLでその上に文字を表示することは出来たのですがそれだと文字が表示しっぱなしで、JavaScriptを使って画像にマウスが乗ると文字を表示するタイプにすると文字が画像の下に表示されてしまい上手くいきません。 画像にマウスが乗ると文字を画像の上に表示するようにするにはどのようにしたら良いでしょうか？ ちなみに HTMLで考えたもの -------------------------------------------------------- <table width="90" border="0" cellspacing="5" cellpadding="5"> <tr> <td><TABLE border="0" width="90" height="90" background="aikon/M1-アイコン2.gif"><TBODY><TR><TD> <CENTER><A href="Ｍ１/00.htm" target="_top"><Font Face="HG創英角ポップ体"><font color="White">みる</font></Font></A><BR> <A href="Ｍ１/99.htm" target="_top"><Font Face="HG創英角ポップ体"><font color="White">スライド</font></Font></A></CENTER> </TD></TR></TBODY></TABLE></td> <td><TABLE border="0" width="90" height="90" background="aikon/M2-アイコン2.gif"><TBODY><TR><TD> <CENTER><A href="Ｍ２/00.htm" target="_top"><Font Face="HG創英角ポップ体"><font color="White">みる</font></Font></A><BR> <A href="Ｍ２/99.htm" target="_top"><Font Face="HG創英角ポップ体"><font color="White">スライド</font></Font></A></CENTER> </TD></TR></TBODY></TABLE></td> </tr> -------------------------------------------------------- JavaScriptの場合 -------------------------------------------------------- <script language="javascript"> function pDsp(id){ var pItems=document.getElementsByTagName("P"); for(var i in pItems){ if(pItems[i].className=="groupABC" && pItems[i].id!=id) pItems[i].style.display='none' } var obj=document.getElementById(id); obj.style.display=(obj.style.display=='none')?'':'none'; } </script> <table width="90" border="0" cellspacing="5" cellpadding="5"> <tr> <td><P onmouseover="pDsp('a')"><img src="aikon/M1-アイコン2.gif" width="90" height="90" border="0" /></P></td> <td><P onmouseover="pDsp('b')"><img src="aikon/M2-アイコン2.gif" width="90" height="90" border="0" /></P></td> </tr> <td><P id="a" class="groupABC" style="display:none"> <nobr> <A href="Ｍ１/00.htm" target="_top"><Font Face="HG創英角ポップ体">みる</Font></A><BR> <A href="Ｍ１/99.htm" target="_top"><Font Size="2"><Font Face="HG創英角ポップ体">スライド</Font></Font></A></P></td> </nobr> <td><P id="b" class="groupABC" style="display:none"> <nobr> <A href="Ｍ２/00.htm" target="_top"><Font Face="HG創英角ポップ体">みる</Font></A><BR> <A href="Ｍ２/99.htm" target="_top"><Font Size="2"><Font Face="HG創英角ポップ体">スライド</Font></Font></A></P></td> </nobr> </table>
- ベストアンサー
- JavaScript
- 画像の上にマウスが乗ったら別フレームのテキストフィールドに文字を表示する
まったくの素人です。 盆休みの宿題のごとく、下記に取り組んでいます。 下記では、同一フレームに、マウスの重なりによって表示が「１２３」から「ＡＢＣ］等に変わるのですが、この表示を別（例えば、上の）フレームに表示させたいのですが、どうすればよいでしょうか？ フレーム定義でueFrameを決めて、parent.ueFrame.document.....など したのですが、駄目でした。 宜しくお願い致します。 <html> <head> <tilte></title> <script language="JavaScript"> <!-- function ltext(s){ document.myForm.obox.value=s; } //--></script> </head> <body> <a href="#" onMouseover="ltext('ABC')" onMouseout="ltext('123')">表示</a> <a href="#" onMouseover="ltext('abc')" onMouseout="ltext('イロハ')">ひょうじ</a> </body> <html>
- ベストアンサー
- JavaScript
- マウスオーバーで文字を表示しつつクリックで移動？
画像にカーソルを載せると、表の中が入れ替わるjava scriptを使用しています。 こちらのタグが <a href="info.html""#"onMouseover="window['表のタイトル'].style.display='block'"onMouseout="window['表のタイトル'].style.display='none'"> となると思うのですが、 マウスオーバーで表の中を表示しつつ、クリックでリンク先に飛ぶようにするには、タグをどのように記述すれば良いでしょうか？ もしくは不可能ですか？ 持ってる本などすべて見てみたのですが分かりませんでした。 上のタグの「a href」のすぐ後ろにリンク先のページを記載するとリンクは飛べるのですが、表の中の表示が出なくなってしまいました。 javaの知識は本を見ながら出来る程度です。分かる方いらっしゃいましたらよろしくお願いいたします。
- ベストアンサー
- JavaScript
- phpの文字列表示
phpで質問です。 ランダムな数字、1～100の間で70以上が出れば表示を変える というプログラムをしたのですが、 70以上が出るとなぜか表示が崩れます。 正常に表示する方法を教えてください。 コード $rand = mt_rand(1,100); echo $rand; if($rand<70) { echo '<ul> <a href="#"><li>A</li></a> <a href="#"><li>B</li></a> <a href="#"><li>C</li></a> <a href="index.php"><li>D</li></a> </ul>'; } else { echo '<ul><a href="example_sub4.php" target="_brank"><li>close</li></a> <a href="#"><li>E</li></a> <a href="#><li>F</li></a> <a href="index.php"><li>G</li></a>'; } ?>
- ベストアンサー
- PHP
- 隠れた文章をマウスで表示させる方法について教えてください
色々なサイトを調べた結果下のようなソースにたどり着きました。 ソースを記述後、質問内容書きますので最後まで読んでください。 ――――――――――――――――――――――――――――― <P onmouseover="document.all.a.style.display=document.all.a.style.display=='none'?'':'none'">1日目</P> <P id=a style="display:none"> <A href="1-0/00.htm">見る</A> <A href="1-1.htm">スライドショー</A> </P> <P onmouseover="document.all.b.style.display=document.all.b.style.display=='none'?'':'none'">2日目</P> <P id=b style="display:none"> <A href="2-0/00.htm">見る</A> <A href="2-1.htm">スライドショー</A> </P> <P onmouseover="document.all.c.style.display=document.all.c.style.display=='none'?'':'none'">3日目</P> <P id=c style="display:none"> <A href="3-0/00.htm">見る</A> <A href="3-1.htm">スライドショー</A> </P> ――――――――――――――――――――――――――――― 上記のソースで目的としているホームページが出来ているのですが、例えば1日目の上にマウスポインターを持ってきた時には見るとスライドショーと言う文字が表示されます。しかしその状態で2日目にポインターを合わせると、同じく見るとスライドショーと言う文字が表示されますが、1日目の文字も表示されたままです。再び1日目に合わせない限り消えません。 そこで1日目にポインターを合わせて文字を表示させた後、2日目にポインタを合わせると1日目に表示してある文字が消えて2日目の文字が出るようにしたいのです。 説明が下手ですが、1つを表示した状態で2つ目を表示させないようにしたいのです。 大変分かりにくい説明で大変恐縮ですが時間がありません誰でも良いので助けてください。 よろしくお願いします
- ベストアンサー
- HTML
- ドロップダウンリストの高さを、非表示のときは上に詰
初心者です。本当に初歩な質問で申し訳ありません。 ドロップダウンリストを作り、クリックしたときにサブメニューを表示したいのですが、 表示、非表示は切り替えられても、非表示のときに空欄ができてしまいます。 これを、非表示のときは上に詰めて表示するようにしたいのですが、その方法を 教えてください。 下記がそのソースになります。 <SCRIPT language="JavaScript"> <!-- function pullDown1(ss) { for(d0 = 0 ; d0 < ID.length ; d0 ++) { ID[d0].style.visibility = "hidden"; } ID[ss].style.visibility = "visible"; } //--> </SCRIPT> </HEAD> <BODY> <ol> <li><A href="javaScript:pullDown1(0)">メニューを表示する</A> <DIV id="ID" style="visibility:hidden;"> <ul> <li><A href="">A</A></li> <li><A href="">B</A></li> <li><A href="">C</A></li> <li><A href="">D</A></li> </ul> </DIV> </li> <li><A href="javaScript:pullDown1(1)">メニューを表示する</A> <DIV id="ID" style="visibility:hidden;"> <ul> <li><A href="">a</A></li> <li><A href="">b</A></li> <li><A href="">c</A></li> <li><A href="">d</A></li> </ul> </DIV> </li> </ol> </BODY> 以上、よろしくお願いいたします。
- ベストアンサー
- JavaScript
- ランダムで文字を表示
ランダムで文字を表示 よろしくお願いします m(__)m 現在以下のように複数のテキストの中からランダムで３つずつ表示しています。 <!-- A=6 moji=new Array(A) moji[1]="<A href='http://www.●●●.com/'>あいうえお</A>"; moji[2]="<A href='http://www.■■■.com/'>かきくけこ</A>"; moji[3]="<A href='http://www.▲▲▲.com/'>さしすせそ</A>"; moji[4]="<A href='http://www.○○○.com/'>たちつてと</A>"; moji[5]="<A href='http://www.□□□.com/'>なにぬねの</A>"; moji[6]="<A href='http://www.△△△.com/'>はひふへほ</A>"; I= Math.floor(Math.random ()*A+1) ; //--> <!-- for(i=I;i<=I+2;i++){ if ( i<=6 ){ document.write(moji[i]+"<BR>"); } else{ document.write(moji[i-5]+"<BR>"); } } //--> 質問なのですが、最後から３行目 [i-5] の5は何を意味しているのでしょうか？ javascriptは自分で作る事ができず、どこかで見つけたものを少しずついじる程度しか知識がありません。 どうぞよろしくお願いします。
- ベストアンサー
- JavaScript
- tooltip が一個目しか表示されない
メニュー（階層付）にツールチップをtitleで付けたのですが、一個目以外は表示されません Chrome,IE11、Firefox 違いはありません マウスのダブルクリック速度は早くに設定中です HTML <li> <a href="active/about.html" title="活動の時期とマニュアル">同窓会概要</a> ：表示 <div> <ul> <li> <a href="active/profile.html" title="">活動内容</a> <div> <ul> <li> <a href="exg/" title="">幹事会(会員)</a></li> <li> <a href="exg/" title="">たより(会員)</a></li> <li> <a href="exg/" title="">英語科(会員)</a></li> <li> <a href="shimizu/song.html" title="校歌、逍遥歌、優勝歌MP3、楽譜">校歌など</a></li> ：表示されず </ul> </div> </li> <li> <a href="active/index.html" title="しみずのコラムを読めます">清風万里</a></li> ：表示されず </ul> </div> </li> 以下同じ構造のメニューあります
- 締切済み
- ブラウザ
お礼
ありがとうございます 仕組みは分りました、私のほうでは操作不可という事ですよね？ 今回は締め切ります