- ベストアンサー
クリックするとウインドウ表示
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
javascriptでもCSSでもできますが、一つ難点があります。 上部にあるのはナビゲーションだと思いますが、訪問者が目的のページにたどり着くためには二動作必要になります。 すなわち、一度上部のメニューをクリックした後、下の画像に移動して再度クリックをしなければなりません。それは不便なのではないですか？ 一般的にはナビゲーションにフォーカス/マウスオーバーすると、下に画像が現れ、そのままクリックするとリンク先に飛ぶという動作にしています。そうするとスタイルシートやjavascriptが動作しないブラウザのみならず、検索エンジンにも適している(SEO)のではないでしょうか?
その他の回答 (1)
- Gletscher
- ベストアンサー率23% (1525/6504)
Javascriptでできますので、勉強してみてください。 HTMLとCSSだけでは無理ですね。
お礼
回答ありがとうございます!! javascriptを使用するとどんな感じになりますか？ javaも勉強していきたいと思うので教えていただけたらうれしいです
関連するQ&A
- htmlとcssを使ったメニューバー
ＨＰのメニューバーをhtmlとcssを使用して作成したいのですが、どういう風に調べてよいのかもわからないので、アドバイスだけでもいいので教えてもらえると助かります。 例えば下のようなメニューを作成するとします。 （「□トップ」という一つ一つの画像だと思ってください） □トップ □日記 □写真 □リンク これをフレームページの左側に表示させます。 トップページを右側に表示させている時、メニューのトップというところの画像がいれかわり、 ■トップ □日記 □写真 □リンク 上のように表示させ、日記ページを右側に表示させている時も同様に □トップ ■日記 □写真 □リンク と、現在見ているページのメニュー画像のみを入れ変えるという設定にしたいです。 できるのなら、cssとｈｔｍｌの記述例を教えてくださると大変助かります。 よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- 【初心者です】HP作成しています。ヘッド画像をクリックして、トップページへリンクのタグを教えてください。
HTMLとCSSを勉強しながらHP作成している初心者です。 外部CSSを使ってHPを作ってるんですが、 ヘッド画像（W830px×H390px）をクリックしたら、トップページへ飛べるようにするには、CSS側とHTML側、それぞれどのようなタグにしたらいいのでしょうか？？ 困っています！ どなたか教えてください。よろしくお願いします。
- ベストアンサー
- その他（インターネット・Webサービス）
- HP上でのメニューボタン作成について
ホームページを作成しています。 作成中に疑問に思ったことがあります。 全ページにメニュー（図クリックでリンクに飛ぶもの）をつけたいのですが、メニュー表示のHTMLを全ページで共有（１つで管理）することはできませんか？ メニューに変更があるごとに全ページ修正するのはさすがにどうかと思うので。 CSSの使い方次第できるのでは・・・と思っているのですが。 （でも、メニューとページが別れて表示される方法は避けたいです。）
- 締切済み
- HTML
- クリックしたら新しいウィンドウを小さく表示したい
ホームページビルダー９を用いて、 画像をクリックしたら、新しいウィンドウで表示させたいと考えています。新しいウィンドウで表示させることはできるのですが、新しいウインドウを小さく表示させたいと考えています。新しく開かれるウィンドウの大きさを設定することはできるのでしょうか？
- ベストアンサー
- ホームページ作成ソフト
- IEでのテーブル表示について
こんにちは。 web作成初心者です。 今回ホームページ作成することになり，一から（テンプレートを使わずに）必死にもがいております。 いろいろ新たに知ることは多く，CSSの初期化は理解し実装しております。 そこで，今回ドロップダウンメニュー（CSS）の下に左に画像，右に文書を入れたいと思い， tableを入れてみたのですが…firefoxではきれいに表示されるのですが， IEでは表示されません（文字のみ表示）。 いろいろ調べてみても原因が不明です。 tdの中の border-width : 1px; を外せば枠線は表示されますが色が反映しません。 いろいろご教授よろしくお願いいたします。 ［HTML］ <table class="top" border="1"> <tbody><tr> <td>aaa</td> <td>bbb</td> </tr></tbody></table> ［CSS］ .top{ position : absolute; top : 122px; width : 792px; height: 200px; z-index : 1; } .top td { border-color : red; border-width : 1px; }
- ベストアンサー
- CSS
- 右クリックメニューが表示されない
最近ですが、Windows使用でディスクトップ上やアプリケーション上等で右クリックしてもメニューが表示されない時があります。（メニューが透明になって外枠だけの表示です。）マウスカーソルを表示されている外枠内に置くとメニューが表示されクリックは有効になります。 単純ですが、再起動してみたら直りまが、何度も同じ現象が起こっているもので困っています。これって原因はなんなのでしょうか？
- 締切済み
- Windows系OS
- aviutlのメインウィンドウが表示されない
この画像ファイルのとおり、右の再生ウィンドウは表示されているのに、真ん中にあるメインウィンドウには拡張編集に使った映像の静止画像もしくは合成された画像が表示されるはずが、なんと表示がなされていないんですと。 でも、「ファイル」から「開く」で動画ファイルを開くと、その開いたファイルはちゃんと表示されるんです。 その状態で拡張編集ウィンドウから画像を開いた上でその画像のある場所以外の場所をクリックすると、ちゃんと表示されるんです。でも、その画像をクリックすると、その画像が消えるんですよ…。 でも、その画像をクリックすると一瞬だけその画像が表示されるのですよ。 一体どうなってるのか、よく分かっていません。懸命にいろんな質問を参考にやってみたものの、それでも全然解決していません。 なので、説明不足でしょうが、どうかご回答をしていただければ、こちらとしてはうれしいです。 それでは、よろしくお願いいたします…。
- ベストアンサー
- 画像・動画・音楽編集
- 新ウィンドウの画像をクリックして閉じる
画像を載せたホームページを作成しています。 target="_blank"で新ウィンドウで開いた画像をクリックして、新ウィンドウを閉じるにはどうしたら良いのでしょうか？ これじゃダメなんでしょうか？ <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <SCRIPT LANGUAGE="JavaScript"> <!-- function WinCls(){ window.close() } //--> </SCRIPT> <TITLE></TITLE> </HEAD> <BODY> <A href="aaa.jpg" javascript:WinCls()" target="_blank"><IMG src="aaa.jpg"></A> </BODY> </HTML>
- 締切済み
- JavaScript
- Windows10 右クリックメニュー 新規作成
Windows10 右クリックメニュー 新規作成 Windows10において、デスクトップやフォルダなどで右クリックをしたときに出る「右クリックメニュー」があると思うのですが、そこにある 新規作成 からWordファイルやExcelファイルなどの作成ができると思います。しかし何故か画像のようにExcelファイルの作成項目が無くなってしまいました。 この場合、どうしたらもう一度Excelファイルの新規作成の項目を出すことが出来るでしょうか？
- ベストアンサー
- Windows 10
- クリック→画像変化 別の物をクリック→戻る
ただいまＨＰ作成中で、やってみたいことがあります、 こういう事が出来るのかよくわかりませんが質問させて頂きたいと思います。 まず、リンクの貼ってある画像をクリックするとクリックされた画像が変わります。 さらに違う場所もしくは違うボタン・メニューをクリックすると またもとの画像にもどる、といった事は可能でしょうか？ 出来ればソースかなにかを教えてくださると嬉しいです。 それとついででもかまいません、 リンクを貼ってある画像にオンマウスにすると 背景（真ん中に表示されるよう設定されています）が変わり、 マウスをはずすと背景画像が元にもどると言ったことも可能でしたら 教えて頂きたいです。
- ベストアンサー
- その他（インターネット・Webサービス）
お礼
詳しい解説ありがとうございます。 まず勉強不足もありますので少し勉強してみます。