• ベストアンサー

マウスオーバーが解りません。

フロントページ2000を使用。 ホバーボタンのように自作したボタンを使ってマウスオーバーをしたいのですが、 どうしたらよいのか解りません。 どなたか解りやすく教えてください。

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

  • ベストアンサー
  • inverse
  • ベストアンサー率25% (2/8)
回答No.2

こんなのでよろしい? <html><head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <meta http-equiv="Page-Enter" content="revealTrans(transition=12,duration=1)"> <meta http-equiv="Page-Exit" content="revealTrans(transition=12,duration=1)"> <meta name="copyright" content="meg"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>サンプル</title> <style type="text/css"> .Button01OFF{background-image: url('off.gif')} .Button01ON{background-image: url('on.gif')} .Button01CLK{background-image: url('click.gif')} </style> <script language="JavaScript"> //↓↓↓↓↓↓↓↓↓IMG タグ用↓↓↓↓↓↓↓↓↓ function overmouseIMG(elem,pict){ //カーソルが乗ったら elem.src= pict } function outmouseIMG(elem,pict){ //カーソルが降りたら elem.src= pict } function clickmouseIMG(elem,pict,url){ //カーソルがクリックしたら elem.src= pict document.location = url } //↑↑↑↑↑↑↑↑↑IMG タグ用↑↑↑↑↑↑↑↑↑ //↓↓↓↓↓↓↓↓↓DIV タグ用↓↓↓↓↓↓↓↓↓ function overmouseDIV(elem,pict) { //カーソルが乗ったら elem.className = pict } function outmouseDIV(elem,pict){ //カーソルが降りたら elem.className= pict } function clickmouseDIV(elem,pict,url){ //カーソルがクリックしたら elem.className= pict document.location = url } //↑↑↑↑↑↑↑↑↑DIV タグ用↑↑↑↑↑↑↑↓↓ </script></head> <body> <Div id ="button01" style="position:absolute;top:50px;left:100px;height:150px;width:150px"><img border="0" src="off.gif" style="width:150px; height=100px;" onmouseover="overmouseIMG(this,'on.gif')" onmouseout="outmouseIMG(this,'off.gif')" onclick="clickmouseIMG(this,'click.gif','http://homepage1.nifty.com/axzy')" width="156" height="104">↑知り合いのサイトです。</Div> <Div id ="button02" style="position:absolute;top:300px;left:100px;height:100px;width:150px" class="Button01OFF" onmouseover="overmouseDIV(this,'Button01ON')" onmouseout="outmouseDIV(this,'Button01OFF')" onclick="clickmouseDIV(this,'Button01CLK','http://homepage1.nifty.com/axzy')"><font color="#C0C0C0">知り合いのサイトです。</font></Div> <Div style="position: absolute; top: 88; left: 292; width: 233; height: 52">←DIVタグをScriptでコントロール。</Div> <Div style="position: absolute; top: 323; left: 280; width: 233; height: 52">←IMGタグをScriptでコントロール。</Div> </body></html> txtにコピー&ペーストしてhtmlに。 on.gifとoff.gifとclick.gifを作って同じ場所に。 と一応二通り作ってみました。どうでしょうか。 Scriptでbackground-image: url('xxx')}を変える方法がわからなかったので(←素人)Classでいじってみました。 ScriptERRORは無いと思いますが間違いがないか、もっとスマートにできないか等は検討してみる必要があると思います。

hirona2
質問者

お礼

ありがとうございました。 とても勉強になりました。 これを基にいろいろ検討してみたいと思います。

その他の回答 (2)

  • next-co
  • ベストアンサー率28% (43/149)
回答No.3

Java Scriptを使用しない場合です。 off.gifは通常のボタン、on.gifは押したボタンです。 チョッと使う場合は、タグに直接書き込んだ方が楽と思います。 <img src="off.gif" onmouseover="this.src='on.gif'" onmouseout="this.src='off.gif'">

hirona2
質問者

お礼

ありがとうございました。 早速やってみます。

  • inverse
  • ベストアンサー率25% (2/8)
回答No.1

FP2000はあまり詳しくないので申し訳ないのですけれども、 JavaScriptで画像を変える方法はご存知でしょうか? それともそれを簡単な操作で作りたいということでしょうか。

hirona2
質問者

補足

JavaScriptを使ってやってみたんですが、全然うまくいかなくて。 まったく解らないので、何か解りやすい方法があればと思い質問しました。

関連するQ&A

  • 異なる位置にある画像をマウスオーバーで差し替える

    お世話になります。 ウェブページを制作するにあたり、添付のようなメニューを依頼されました。 ボタンAL1~AL3のマウスオーバーで、バナーAがバナーALに変化、 ボタンAC1~AC3マウスオーバーで、バナーAがバナーACに変化、 ボタンAR1~AR3マウスオーバーで、バナーAがバナーARに変化、 それぞれのボタンからマウスが外れると、バナーAにもどる。 バナーB以下、必要に応じた数だけ同様の動作になります。 フラッシュで作れば簡単なんですけど、担当者レベルでフラッシュが扱えず メンテナンスができないのでこんな方法になりました。 javascriptかCSSの制御で以下の手法が取れないでしょうか? よろしくお願いします。

  • Flashマウスオーバー

    Flashで、ループが一回の小さなムービーを流し、 その上にマウスを合わせると(クリックではなくオーバーのみ)、別の絵が表示されてストップし、またマウスを外すと元のムービーがはじめから流れるものを造りたいのですが、ボタンシンボルで造ると、マウスを外してもムービーが最初からは始まりません。 ボタンシンボルを使わずにon(release)のような記述で、クリックではなくマウスオーバー時に反応させるにはどうしたらよいのでしょうか? 良いアドバイスがあれば教えてください。 宜しくお願いします。

  • マウスオーバーでリンク

    ・フレームページ.html ・メニューページ.html ・メインページ.html ・リンク先ページ.html 上記のようにページを用意しメニューページには画像を設置。 画像はイメージマップを使用し、マウスオーバーでメインページをリンク先ページにリンクし、マウスアウトでメインページに戻る、クリックでリンク先ページ。 というふうにしたいのです。 可能かどうかもわかりませんが、よろしくお願いします。

  • Javascriptのマウスオーバーについて

    Javascriptでマウスオーバーというものがあります。 画像の上にマウスを持っていくと、画像が切り替わるものです。参考:http://www14.plala.or.jp/sugachuu/JavaScript/k06.html そこで、質問なのですが、マウスオーバーのスクリプトを 同じページ内で いくつも表示させるのは可能ですか??(上記参考URLでたとえると、大きな画像1つと小さな画像4つを一まとめにして、一まとめしたものをいくつも同じページ内で表示することは可能ですか??) もし可能なら、そのやり方を教えてください。サンプルソースみたいなのをつけていただくと、うれしいです。 よろしくお願いします。

  • マウスオーバーについて

    もう何度もいろいろなサイトでいろんな方がご質問されていたのですが どうしても理解できずどなたかお助けいただければと思い 投稿致しました。お力添えいただければ幸いです。 840px×400pxのフラッシュを作成しています。 縦400pxの上350pxが写真で、下50pxがボタン(横幅いっぱいに6つ並んでいます。)です。 下のボタンにマウスオーバーすると上の画像がボタンに準じた画像に入れ替わり、ボタンからマウスを放すとデフォルトの画像に戻るというものを作成しているのですが、どうにも原理が理解できず苦しんでいます。 上の部分に呼び出すには別のファイルか何かが必要なのですか? どなたかお教え願えませんでしょうか。 よろしくお願い致します。

    • ベストアンサー
    • Flash
  • マウスオーバーで伸びるサブメニューが正しく動作しません

    こんばんは。 以下サイトのメインメニューの左三つのボタンのように、 ボタンをマウスオーバーするとボタンの上にサブメニューが上がり、 サブメニューにあるテキストがそれぞれボタンになっているという仕組みを作ろうとしています。 http://www.mizkan.co.jp/index_1.html ・マウスオーバー addEventListenerのMOUSE_OVERでボタンの上にカーソルが乗ると、 gotoAndPlayでサブメニューが上がるアニメーションのフレーム番号に飛ぶ。 ・マウスアウト addEventListenerのMOUSE_OUTでボタンからカーソルを外すと、 gotoAndPlayでサブメニューが下がるアニメーションのフレーム番号に飛ぶ。 上記のscriptを作るところまでは上手くいきました。 しかしマウスオーバー時に伸びているサブメニューにマウスカーソルを乗せると、 マウスオーバーとマウスアウトのアクションが繰り返し実行され、 サブメニューが上がったり下がったりのアニメーションを繰り返してしまいます。 この動きは、おそらく、サブメニュー部分の領域が一瞬ボタンではないと認識され、マウスアウトのアニメーションが動きだすが、やはりボタンとして認識されマウスオーバーのアニメーションが動き出す。という動きがループしてしまっているのではないかと思われますが、解決方法が見つかりませんでした。 上に記載した方法以外でも同じような動きになる作り方があればご教授ください。 宜しくお願い致します。

  • FLASHでマウスオーバーすると背景が移動する方法を知りたい。

    http://www.isseymiyake.co.jp/ ←このサイトのようにボタンにマウスオーバーすると背景が変わるようにしたいのですが、ちょっとわからないところがあります。ボタンを押すと所定の背景がスクロールしてやってきます。 当然、そのマウスオーバーしたときと、現在表示されている背景の位置が把握されないとできないと思うのですが、それをアクションスクリプトなどでどう作ればいいのでしょうか。 使用しているバージョンはFLASH CS3 Proです。よろしくお願いします。

    • ベストアンサー
    • Flash
  • マウスオーバーして画像を入れ替えたい

    YahooのジオシティーズでHPを作成していますが、教えていただきたいことが2つあります。 1.javaスクリプトを使ってマウスオーバー、マウスアウトした時に写真を入替えたいと思っていますが、全くの初心者でどこにタグを入れていいのかわかりません。 どなたか下記URLのページの写真(1)にマウスオーバーした場合に写真(2)に変わり、マウスアウトすると写真(1)に戻るよう、下記URLのソースをすぐに使えるように手直ししていただけませんか?http://sky.geocities.jp/hokuto5131/test.html 2.Yahooのジオシティーズでマウスオーバーして画像を入替えるHPを見てみると、入替える画像のURLはimg.1のようになっていますが、私がYahooのジオシティーズに画像データを送ると上記のURLのソースのように『http://sky.geocities.jp/hokuto5131/~』になってしまいます。なぜでしょうか?またそのページに貼り付けていない画像データをどうやってYahooのジオシティーズのサーバーに送るのでしょうか? 以上よろしくお願いします。

  • マウスオーバーで全ムービークリップ停止

    上手く説明出来ないのですが、 ムービークリップのメニューを作ろうとしています。 マウスオーバーで全部のムービーが止まる様にしたくて、 一つのムービークリップに全部のムービークリップのメニューをまとめ、選択すると ーーーーーーーーーーーーーーーーここから シーン=シーン1,レイヤー=menu,フレーム マウスイベントはボタンインスタンスでのみ使用できます。 シーン=シーン1,レイヤー=menu,フレーム マウスイベントはボタンインスタンスでのみ使用できます。 ーーーーーーーーーーーーーーーーここまで とエラーになってしまいます。 だからといってメニュー一つ一つに on(rollOver){ stop(); } on(rollOver){ play(); } を記述しても、マウスオーバーしているメニューだけが止まって、 他のメニューは動いてぐちゃぐちゃになってしまいます。 ひとつのメニューをマウスオーバーするだけで他全部のムービークリップも停止、 マウスをはずすと同じ所から動きだす事って出来ますか? いい方法がありましたら教えて下さい。

  • FLASHのマウスオーバーとスタートに関する質問です。

    FLASHのマウスオーバーとスタートに関する質問です。 はじめまして。 FlashCS3を使用して作成しているのですが、質問があります。 ボタンを作成して、マウスオーバーで画像を変えるものを2点作成し、 どちらかをクリックするとイベントが始まるように仕掛けたいのですが、どうもうまくいきません。 別々にはできたのですが、  this.stop();  play_btn.gotoAndStop(1);         と  on (release) { gotoAndPlay(2); } 上記2つのスクリプトでイベントスタートさせますと、 マウスオーバーが作動しないのですが、対策は何かありませんでしょうか? わかりにくくて申し訳ございませんがよろしくお願い致します。

    • ベストアンサー
    • Flash

専門家に質問してみよう