- ベストアンサー
onMouseoverで画像が特定の場所で変わる方法
fumufumu_2006の回答
- fumufumu_2006
- ベストアンサー率66% (163/245)
これでは？ おまけを付けてみました <span onmouseover="aaa.src='inu.gif';">私の犬です。</span><br> <span onmouseover="aaa.src='neko1.gif';">私の猫です。</span><br> <img id="aaa" onmouseover="alert('かわいいでしょ');" src="">
関連するQ&A
- 画像をオンクリックで複数表示するには？
ビルダー８で作成しています。 画像３枚を【１】【２】【３】といった数字にクリックで指定の場所に表示したいのです。 それを１ページに複数設置したいのですが、どのようにしたら設置できますでしょうか？ http://www.sky.sannet.ne.jp/masapine/java_gazou.htmlのサイトを参考に設置したのですが、１つだけの設置の場合は動作したのですが、２つ目を設置したら動作しなくなりました。 改造ソースやもし良い方法があったら教えてください。
- ベストアンサー
- ホームページ作成ソフト
- 個別に表示場所を変えたい
さきほども質問させていただいた者です。 ?http://www.sky.sannet.ne.jp/masapine/java_link8.html??を参考に、カーソルを合わせた際に説明画像を表示するというものを作成していますが、一つ一つ表示場所を変えたいときは、どうしたらよろしいのでしょうか。Javascriptの部分を変えるのでしょうか。 これもわかりにくくて申し訳ございませんが、よろしくお願い致します。
- 締切済み
- JavaScript
- 特定の場所に文字表示
特定の場所に(リンク文字,リンク画像など）マウスをのせると特定の場所に文字が表示される、という事は可能でしょうか？解る方、教えて頂きたいのですが...。お願いします。
- ベストアンサー
- HTML
- ジャバスクリプト機能の繰り返し表示の仕方を教えて！
ジャバスクリプトについてはまったくの素人です。 ジャバスクリプトを使って ラジオボタンで表示する画像をかえる機能を下記サイトから見つけました。 http://www.sky.sannet.ne.jp/masapine/java_gazou.html この機能を添付ファイルのように、同一Webページ内で繰り返して表示し使いたく、プログラムのソースをHTMLのbodyの中に繰り返しコピペしてみたのですが、機能しなくなってしまいます。 同一Webページ内に当該スクリプト1つであれば機能するのですが、2つ以上になると、すべて機能しません。表示するのには方法があるのでしょうか？それともこのようなことは不可能なことなのでしょうか？ どなたかこの疑問にお答え頂ければ幸いです。宜しくお願いします。
- ベストアンサー
- JavaScript
- 大きさを指定して新しいウィンドウを開く方法
ネットでいくつかサイトを回ってみましたが、いまいち、解りにくかったり、ちょっと違う。という感じですので、よろしくお願いします。 特に参考にさせて頂いたのは、http://www.sky.sannet.ne.jp/masapine/java_top.htmlの ボタンで小さなウィンドウを表示させよう。や 画像をクリックして小さなウィンドウを表示させよう。といったところで、ほとんど、そのままの事をやりたいのですが、実際には、文字に小さなウィンドウを開くリンクをはりたいのです。 その他にも、ホームページビルダーのサイトを見たりしたんですけど、どこがどう解らないのかも、解らない情けない状態です。 毎度のことで申し訳ありませんが、よろしくおねがいします。
- ベストアンサー
- CSS
- OnMouseOver&outについて
OnMouseOver&outの使い方について色々検索したのですが、ほとんどがすでに表示されている画像をマウスをおくことによって変化する解説しか見当たりません。 リンク先<A href="">***</A>のようなとき、***にマウスを置いたときだけ画像が現れて、離すと消える、そしてクリックするとリンク先htmlに飛ぶタグ(or Script)を作りたいのですが、教えていただければありがたいです。 画像はそのマウスの近くに表示する場合と、一定の場所に表示する場合とそれぞれ作例があると助かります。 WindowsXp、IEで作成しています。
- ベストアンサー
- HTML
- 携帯サイト作成：TOPページの画像をアクセスの度に違う画像を表示するには？
すみません、どなたか教えてください。 携帯サイトを作成しております、 TOPページの画像をアクセスの度に違う画像を表示したいのですが、 こちらのサイトを見ながら http://www.sky.sannet.ne.jp/masapine/java_gazou4.html やってみました。 <SCRIPT LANGUAGE="JavaScript"> <!-- simg=new Array(5); simg[0]="images/icons1.gif"; simg[1]="images/icons2.gif"; simg[2]="images/icons3.gif"; simg[3]="images/icons5.gif"; simg[4]="images/icons8.gif"; Myimg=Math.floor(5*Math.random()); document.write("<center><img src='"+simg[Myimg]+"'></center>"); //--> </SCRIPT> このソースをＢＯＤＹ区間に張り付ければできるのでしょうか、、 また、 images/icons1.gif この部分では、gif画像ファイルの位置などを記している様子がないのですが、このgif画像ファイルはどのフォルダに配置すればよいのでしょうか、、 すみません、どなたかわかるかたおりましたら、なにとぞよろしくお願いいたします。
- ベストアンサー
- JavaScript
- オンマウスで画像を別の場所に表示する
過去ログで似たようなのがあったのですが、 全然わからなかったので、質問しました。 文字オンマウスで、画像を別の場所に表示したいのですが・・ (java～を使わなくてもよいやり方が知りたいです。 java～は使ったことがない初心者ですので。) ちなみに、画像オンマウスで文字を別の場所に表示するのは、 ↓このやり方(html)でできたんですが・・・ <span ID="msg">ここに表示される</span> <a href="ページＵＲＬ"onMouseOver="msg.innerHTML='表示される文字'"onMouseOut="msg.innerHTML=''"><img src="画像ＵＲＬ" border="0"></a>
- ベストアンサー
- HTML
- リロードしても更新データが残るようにする方法教えて
ジャバスクリプトについてはまったくの素人です。 ジャバスクリプトを使って ラジオボタンで表示する画像をかえる機能を下記サイトから見つけました。 http://www.sky.sannet.ne.jp/masapine/java_gazou.html この機能を同一Webページ内で繰り返して表示するやり方を最近OKWaveでご指南頂き、この 件については解決しました。 http://okwave.jp/qa/q6811231.html （ありがとうございます。） しかしながら、このページをリロードすると、元の状態に戻ってしまいます。 先のサイトで言えば「ねこ」を選んでもリロードするとデフォルトの「パンダ」に戻ってしまいます。 長くなりましたが、今回の質問は、これを、更新したデータがリロードしても残るようにしたいのですがその方法を教えて頂けないでしょうか。 やはりデータベースなどの知識と技術が必要でジャバスクリプトだけではできない問題なのでしょうか？ どなたか教えて頂ければ幸いです。 宜しくお願いします。
- ベストアンサー
- JavaScript
- ランダム画像 & マウスオーバー画像切り替え &
こんにちは。 どうしてもわからない事がありますので質問させて下さい。 下記ソースにてランダム画像切り替えとマウスオーバーにて画像変更を行ってます。 <script language="javascript"> <!-- //ランダムにgazouを表示 img = new Array(); img[0] = "gazou1.jpg"; img[1] = "gazou2.jpg"; img[2] = "gazou3.jpg"; img[3] = "gazou4.jpg"; img[4] = "gazou5.jpg"; img[5] = "gazou6.jpg"; n = Math.floor(Math.random()*3); m = n+3; document.write("<img src='"+img[n]+"' border='0' onmouseover=src='"+img[m]+"' onmouseout=src='"+img[n]+"'>"); //--> </script> さらにマウスオーバー時の画像それぞれ個別にリンクを張り さらにそれをインラインフレーム内で表示するのでtarget="_top"の値を付け加えたいです。 そのような事が可能であれば是非ご教授頂ければありがたいです。 みなさま、よろしくお願い致します。
- ベストアンサー
- JavaScript