締切済み javascriptを使ってロールオーバーをしたいと思っています 2010/03/13 17:22 javascriptを使ってロールオーバーをしたいと思っています どのようにすればいいのでしょうか？ みんなの回答 （1） 専門家の回答 みんなの回答 noname#111181 2010/03/13 17:29 回答No.1 下記のサンプルスクリプトを参考にしてください。 http://www.wind.sannet.ne.jp/alfix/javascript/img/8.html 広告を見て全文表示する ログインすると、全ての回答が全文表示されます。 通報する ありがとう 0 カテゴリ インターネット・Webサービスセキュリティ対策・ネットトラブルネットトラブル 関連するQ&A javascriptのロールオーバーの問題につきまして。 Dreamweaverのjavascriptを使ってロールオーバーを作成したのですが、firefoxなどでロールオーバーした画像からリンク先に飛んで、ブラウザの戻るで戻ると、画像がロールオーバー状態のままになってしまいます。なにか良い解決方法はないでしょうか。よろしくお願いいたします。 ロールオーバーの「プリロード」の設定で… JavaScriptのロールオーバーで画像のプリロードを行いたいのですが、 <body onLoad=”MM_preloadImages(～～～というように、BODYの中に書く以外に、方法はありませんか？いろいろ検索してみましたがわかりませんでした。 「JavaScript」の書き方講座、のようなサイトではなく、すぐに使えるサンプルソースが載っているものが良いです。 マウスをロールオーバーしたときに変わるテキストについて JavaScript初心者なのですが、学校の宿題でわからないことがあって質問します。マウスをテキストにロールオーバーするたびにメッセージサイクルを２つではなく、３つにしたいのですが。わかりにくい説明ですみません。よろしくお願いします！ 突然のトラブル？プリンター・メール・LINE編 OKWAVE コラム javascriptで作ったロールオーバーがロールオーバーのままになってしまう 質問お願いします。 javascriptで作った画像二枚で表現するロールオーバーボタンの不具合についてです。 ieでの動作は問題なかったのですがsafari3.1.2とfirefox3.03では、 その作ったロールオーバーボタンをクリックして他のページに行き、 そしてブラウザに予め備わっている機能の戻るボタンで元のページに戻るとクリックしたロールオーバーボタンがマウスが重なっていないのにロールオーバーしたままの状態になってしまいます。 (その状態でもう一度ロールオーバーボタンにマウスを重ねると元に戻ります。) 流れを簡単に書かせていただきます。 <1.ロールオーバーボタンをクリックする> ↓ <2.他のページにリンクする> ↓ <3.リンク先のページでブラウザの戻るボタンをクリックする> ↓ <4.1のページに戻る> ↓ <5.1でクリックしたロールオーバーボタンがカーソルが触れていないのにロールオーバーした状態> ロールオーバーボタンを作る方法は二通り試したのですが、両方とも上に書いた通りの状態です。 <試した方法> 1.DreamweaberMXのビヘイビア機能で作成。 2.http://css-happylife.com/log/javascript/000157.shtmlこちらのページを参考にさせて頂いての作成。 この不具合の事を気にして色々なウェブサイトを見てみたのですが、やはりjavascriptで作っているであろうロールオーバーボタンは同じような状態のウェブサイトが、多数有りました。 この問題の解決策をご存じの方がいらっしゃいましたら、どうかご教授下さい。よろしくおねがいします。 ロールオーバが遅い マウスを載せると画像が変わるロールオーバを使ったページを作成しています。Dreamweaverを使ってロールオーバーやプリロードを指定しているので、マウスを載せるとすぐさま画像スワップが起きるはずなのですが、何と２・３秒もかかってしまいます。 ネットワークがプア、ブラウザの仕様、ソースが複雑、Javascriptの仕様、など考えられるのですが、 どこに原因があるのでしょうか？ご存知の方、是非教えて下さい。 特に、.jsファイルを外部化して読み込ませているのですが、このあたりで注意するところがあれば併せて、宜しくお願い致します。 ロールオーバーで小窓を出したい。 今、ロールオーバーでリンクを指定してあります。 ロールオーバーはHPビルダー2001でつけました。 そのロールオーバーの編集でリンク付けてあります。 このリンクをロールオーバーしている画像を押した時に 小窓で表示される様にするにはどうすれば良いのでしょうか？ 教えてください。 ロールオーバがブラウザで正しく表示されない 現在ホームページを作っています。ロールオーバーの設定（カーソルを合わせると色が変わる設定）をしたのですがカーソルを合わせると×が表示させて正しく表示させません。ロールオーバ用に作った画像はPNGですが、JPEGに変更しても症状は変わりません。 基本的な問題なのかもしれませんが、教えて下さい。 ロールオーバ用に作った画像はPNGはAdobeのfireworksで作り、ロールオーバの処理はホームページビルダー上で設定しました。 roll over 娘が自分を人参嫌いにさせたお父さんをを批判。 "And that is your excuse? A responsible parent would've shoved it(carrot) right into my toothless little mouth. But, no! You had to roll over and give me cream spinach! (the two stare at each other) What kind of father are you?!" -You had to roll over and give me cream spinachの意味を教えてください。 ロールオーバーの動作について なんと表現すればいいものか悩んだのですが下記のような 感じで画像のロールオーバーで表示が変わるものを探しています。 A 1 2 3 T ※A,1,2,3は画像です。 Aには最初に表示される画像があり1,2,3にマウスを合わせると Aの箇所に拡大画像が表示されロールアウトするとAは最初に 表示されていた画像に戻ります。 同時にロールオーバーするとTの箇所にそれぞれ任意のテキストを 表示させたいのですがどのようにすればいいものか全くわからない 状態です。 無知なものでサンプルがないものかと探してみたのですが探し方が 悪いものかなかなか見つかりませんでした・・・ 詳しい方やサンプル等ご存知の方がおりましたら是非ご教授 お願い致します。 JavaScriptが無効でもロールオーバーと同じ効果を出したい ホームページビルダー11を使ってサイトを作りました。 ロールオーバーを多用しています。JavaScriptを無効設定にして、自分のサイトを見たところ、ロールオーバーの効果を得ることが出来なかったので、このロールオーバーはJavaScriptを使っているのだと思いました。 そこで、JavaScriptを無効設定していても、ロールオーバーと同じ効果を出すにはどのようにしたら良いのでしょうか。 よろしくお願いします。 ロールオーバーのリンク ビルダー６でHPを作成しています。 ロールオーバーを使ってみたのですが、リンク先を指定して無いのに カーソルを合わせると指先カーソルになるし、そのページ内にリンクが貼られてしまいます。 このリンクを無くすにはどうしたら良いのでしょうか？ ロールオーバーで… ホームページビルダーでページを作っています。 横に2マスある表を1つ作り、横幅を100%に指定、右のセルを幅50%に指定しました。 左側には40x40のサムネイルを100個ほど置いています。全部見るにはスクロールする必要があります。 右側のセルに右側のサムネイルをクリックしたときにプレビューを表示するようにしたいのですがうまく出来ません。 まず、ロールオーバーで右側セルにプレビューを表示することは出来ました(ビルダーの機能で出来ました)。 ---------------------------------------------- <A href="#" id="_HPB_ROLLOVER1" onmouseover="HpbImgSwap('_HPB_ROLLOVER1', 'pict/auto-mes/00/mes00-01-s.jpg'); HpbImgSwap('_HPB_ROLLOVER2', 'pict/auto-mes/00/mes00-01.jpg');" onmouseout="HpbImgSwap('_HPB_ROLLOVER1', 'pict/auto-mes/00/mes00-01-s.jpg'); HpbImgSwap('_HPB_ROLLOVER2', 'pict/blank.gif');"><IMG src="pict/auto-mes/00/mes00-01-s.jpg" width="40" height="40" border="0" name="_HPB_ROLLOVER1"></A> -------------------------------------------------- しかし、右側セル中央に表示指定にしているため一番上・下のものをロールオーバーさせると絵の全部が見えません。 写真のサイズは決まっておらず、まちまちです(縦長横長がランダムにある)。 そこで、ロールオーバーではなくクリックで右セルに表示させる方法とセル中央ではなく画面中央に表示させる方法があれば教えてください。 もしくは、ほかに何か良い方法がないでしょうか? よろしくお願いします。 ネットオークションのやり方教えて？：初心者から上級者へ、信頼と高値売却の秘訣 OKWAVE コラム ボタンにロールオーバーで吹き出し表示 ボタンにロールオーバーで吹き出し表示 flash初心者です。。 ボタンが数個並んでおり、それぞれにロールオーバーすると、吹き出しで説明画像を表示、マウスが外れたら吹き出しも消える、ということをしたいです。 難しいスクリプトを使わずに出来るだけ単純で分かりやすい方法(gotoandplayくらい)で実現するにはどうしたらよいでしょうか？ ネットで調べたりしているのですが、スクリプトだと応用が出来ず… ご存知の方がいらっしゃいましたらどうかお教え願えないでしょうか。 ロールオーバーしたボタンは押したくない 結構分かってきたつもりなので 自分なりに色々駆使したのですが どーも長ったらしいプログラムになるので 簡潔な方法を知りたく質問しました。 （過去ログでどういうキーワードにしたら良いか分からなかったです） 画面上、ある特定の場所にマウスが来ると 予め仕組まれたMCが動く。 ただこれだけなのですが・・・・・ 一つだけ条件があります。 そのボタン上でロールオーバーするのは良いのですが ボタンとして機能してしまうのを防ぎたいのです。 なぜなら、ロールオーバーした時に クリックするとまたMCが最初から動くのが困る。 今は、MCの方に制御を掛けているのですが ボタン機能として何か良い手立てはないでしょうか。 よろしくお願いします。 追伸： 今回は、ちゃんと腰を据えて データー量もきちんと考慮して 無駄なプログラムを省いてのゲーム作りに挑戦したいので。 JavaScriptのwindowcloseとボタンのロールオーバーの組み合わせ方 いまHPを作成中です。 そのなかでクリックすると、指定された大きさで表示される別ウィンドウがあります。 そのウインドウに次の2つのJavaScriptを使いたいのです。 ひとつひとつなら出来るのですが、二つを組み合わせるとどう書いていいのかわかりません。 しかも、ふたつともhead内に書き込むにはどうしたらいいですか？ １、ウインドウに「閉じる」ボタンを付けたい ２、そのボタンはロールオーバー効果を使ってマウスがオーバーのときはボタンが変化するよう、別のgifを表示したい 1,2の詳しい内容です。 1<a href="javascript:window.close();"></a> 2<head> <title>ロールオーバーイメージ</title> <script language="JavaScript"> <!-- function changeImage1(){ document.myimg.src="img2.gif"; } function changeImage2(){ document.myimg.src="img1.gif"; } // --> </script> </head> <body> <p> <a href="javascript:;" onMouseOver="changeImage1()" onMouseOut="changeImage2()"><IMG src="img1.gif" name="myimg" border=0></a> </p> </body> Javascriptのマウスオーバーについて Javascriptでマウスオーバーというものがあります。 画像の上にマウスを持っていくと、画像が切り替わるものです。参考：http://www14.plala.or.jp/sugachuu/JavaScript/k06.html そこで、質問なのですが、マウスオーバーのスクリプトを 同じページ内で いくつも表示させるのは可能ですか？？（上記参考ＵＲＬでたとえると、大きな画像１つと小さな画像４つを一まとめにして、一まとめしたものをいくつも同じページ内で表示することは可能ですか？？） もし可能なら、そのやり方を教えてください。サンプルソースみたいなのをつけていただくと、うれしいです。 よろしくお願いします。 JavaScriptロールオーバーで画像が変わりません <SCRIPT TYPE="text/javascript"> <!-- if (document.images) { var imgtopon = new Image(); imgtopon.src = "images/menu/topon.jpg"; // ポイント時の画像 var imgtopoff = new Image(); imgtopoff.src = "images/menu/topoff.jpg"; // 通常の画像 } // ポイント時の処理 function On(name) { if (document.images) { document.images[name].src = eval(name + 'on.src'); } } // 放した時の処理 function Off(name) { if (document.images) { document.images[name].src = eval(name + 'off.src'); } } // --> </SCRIPT> </head> <body> <div id="headwrapper"> </div> <div id="wrapper"> <div id="header"> <h1>～</h1> </div> <div id="pagebody"> <A HREF="～" onMouseOver="On('imgtop')" onMouseOut="Off('imgtop')"><IMG SRC="images/menu/topoff.jpg" ALT="sample1" BORDER="0" WIDTH="102" HEIGHT="54" NAME="imgtop"></A> ↑↑↑終了 ポイントしていないときの画像は表示されますが、ロールオーバーしてもそのままの状態です。 宜しくお願いします。 GoliveCSロールオーバーが反映されない ロールオーバーの機能を使ってボタンをつくったのですが、プレビューでは反映されるのにブラウザ上で反応しません。初心者なのでソースをみてもどこを手直しすると有効かわかりません。教えて頂けませんでしょうか。 2ヶ所のリンクで、更にロールオーバーできますか？ ホームページ作成で、フレーム2ヶ所に同時リンクできたのですが、更にリンク用アイコンをロールオーバーさせる場合どうすれば良いのでしょうか？勉強中なので申し訳ありません。 imageフレームに、image.html main フレームに、main.html の2ヶ所に同時リンクさせています。 リンク用アイコンが 01_off.gif です。 このアイコンを、 01_on.gif を作り、ロールオーバーさせたいのです。 色々やりましたが、どうしても上手くいきません。 どなたか、教えて頂けないでしょうか？ 下記が、リンク元のソースです ------------------------------------------------------------------------------- <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> <!--ここから--> <script language="javascript"> <!-- function Frchange(){ parent.image.location.href="image.html"; parent.main.location.href="main.html"; } //--> </script> <!--ここまで--></head> <body><!--ここから--> <form><input type="image" value="フレーム内を同時に変更" onclick="Frchange()" src="01_off.gif"></form> <!--ここまで--></body> </html> ------------------------------------------------------------------------------- ひとつのhtmlでjavascriptとvbscriptを使用できますか？ よろしくお願いします。 a.html内で、javascriptとvbscriptを使用することはできますか？ a.htmlは質問ページで、以下の動作をつけたいと思いましたが、javascriptが動きません。マウスオーバーでボタンの色が変わらないのです。 vbscript＝質問が400字以上のとき、ポップアップエラーを出す。 javascript＝ヘッダーのボタンをロールオーバーさせる これはhtmlの仕様ではできないことなのでしょうか？ javascriptかvbscriptどちらかに絞らないと駄目でしょうか？ 注目のQ&A 「You」や「I」が入った曲といえば？ Part2 結婚について考えていない大学生の彼氏について 関東の方に聞きたいです 大阪万博について 駅の清涼飲料水自販機 不倫の慰謝料の請求について 新型コロナウイルスがもたらした功績について教えて 旧姓を使う理由。 回復メディアの保存方法 好きな人を諦める方法 小諸市（長野県）在住でスキーやスノボをする方の用具 カテゴリ インターネット・Webサービス セキュリティ対策・ネットトラブル セキュリティソフトスパイウェアウィルス・マルウェア迷惑メールネットトラブルその他（セキュリティ対策・ネットトラブル） カテゴリ一覧を見る OKWAVE コラム 突然のトラブル？プリンター・メール・LINE編 携帯料金を賢く見直す！格安SIMと端末選びのポイントは？ 友達って必要？友情って何だろう 大震災時の現実とは？私たちができる備え 「結婚相談所は恥ずかしい」は時代遅れ！負け組の誤解と出会いの掴み方 あなたにピッタリな商品が見つかる！ OKWAVE セレクト コスメ化粧品 化粧水・クレンジングなど 健康食品・サプリ コンブチャなど バス用品 入浴剤・アミノ酸シャンプーなど スマホアプリ マッチングアプリなど ヘアケア 白髪染めヘアカラーなど インターネット回線 プロバイダ、光回線など
