ホームページのメニューで、クリックするとその下に更に細かいメニューが表示されるエクスプローラー風のメニューを以前どこかで見かけたのですが、いざ作ろうと思って探してみたら見つかりません。
このメニューの作り方、もしくは、この方式のメニューを使っているサイトを教えてください。

このQ&Aに関連する最新のQ&A

A 回答 (4件)

エクスプローラーのフォルダビュー(左側に出るやつです)のようなメニューということなら、


参考URLのJavaScript講座>サンプルプログラム>ハイパーリンクの8番目のサンプルがそうじゃないかと思います。

IEとNNどちらも対応してます。
プレビューも出来るのでぜひ確認してみてください。

参考URL:http://www2s.biglobe.ne.jp/~club_tom/
    • good
    • 0
この回答へのお礼

ありがとうございます。正にこれです!<br>
教えていただいたURLは凄く参考になるサイトなので、後でまたじっくり見ますね

お礼日時:2001/05/17 01:29

Fireworks4から加わったポップアップメニューという機能で作ることができます。



またIMG SRCという会社のNavigation Voodooというところにも同じシステムがあります。またMicrosoftにも同じものがありますよね。でもNetScapeやMacに対応したものがほしいのならIMG SRCのを参考にしたほうがいいと思います

参考URL:http://www.imgsrc.co.jp/voodoo/
    • good
    • 0
この回答へのお礼

実は考えていたものとはちょっと違うんですが
IMG SRCは使ってみたいサンプルがいっぱいで面白かったです。
有難うございました。

お礼日時:2001/05/17 01:31

イメージしているのと違うかもしれませんけど、


下のJavaScript例文辞典内にあるマウス/イベント編の04か05はどうでしょうか?
ただし、IEにしか対応していないので、あんまりお勧めできませんけど、、、

参考URL:http://www.shiojiri.ne.jp/~openspc/
    • good
    • 0
この回答へのお礼

じつはこのURLにある本は持っています(笑)
CDに入っていたスクリプトをいじっていじって、なんとかそれらしい物を作ることが出来ました。

お礼日時:2001/05/17 01:33

下記のホームページに載っているかもしれません。



参考URL:http://tohoho.wakusei.ne.jp/www.htm
    • good
    • 0

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qデウス=エクス=マキナって…

現在開催中の降臨チャレンジでマキナがありますが、経験値効率がいいこともあり、ミルの進化素材の進化素材回収を兼ねて周回しています。
そんななかでセラフィスの素材が墜ちてきました…(・・;)
右足だったんですけどもしかして全種類落ちることもあるんでしょうか?

Aベストアンサー

デウスエクスマキナで手に入るのは右足だけなので、全部は手に入らないですよ。他のパーツはマシンゼウス降臨とマシンヘラ降臨のB8で稀にドロップします。後、最近判明したことで右手がリバティーガイスト、左手がスタージャスティスで稀にドロップすることがあるそうです。

Q既存のメニューにプルダウンメニューを追加したい

下記のサイトのショッピングのメニューに、添付画像のようなプルダウンメニューを追加したいのです。
http://www.chanvre.jp/index.html

現在は全メニュー、画像配置のオンマウス設定になっています。
ネットなどで調べて修正などしてみましたが、なかなかうまくいかず
こちらに相談しました。
よろしくお願いします。

Aベストアンサー

いずれもナビゲーションリンクですから、ulないしolでマークアップすべきです。
二列目になるものも同様にabsoluteで指定すればよいです。
このときMacとWinというより、ブラウザによってずれるのは、箇条書きのmarginとpaddingが違うからです。
 olやulにpadding-leftで字下げをしているものも、liのmargin-leftで字下げしているものも表示結果は同じですが、CSSで、li{margin:0;}と一方だけ設定するとmarginで字下げしているブラウザには有効ですが、ol.ulにpaddingで字下げしているブラウザには効果がないということです。
 そのため、ナビゲーションリンクであるliを指定するときは
<div class="nav">
 <ul>
  <li><a href=""></a></li>
  <li><a href=""></a></li>
  <li><a href=""></a></li>
 </ul>
</div>
というマークアップの場合
div.nav ol,div.nav ul,div.nav li{
 list-style:none;
 margin:0;
 padding:0;
 display:block;
}
などとして、これらの設定をクリアしておきます。
※list-styleをul,olだけでなくliについてもlist-style:none;が必要なブラウザがある。
※marginやpaddingはいったん0にしておく。
※div.navの傘下の箇条書きのみを子孫セレクタで指定しておく

 たぶんそれで、ブラウザによるずれは回避できるはずです。

いずれもナビゲーションリンクですから、ulないしolでマークアップすべきです。
二列目になるものも同様にabsoluteで指定すればよいです。
このときMacとWinというより、ブラウザによってずれるのは、箇条書きのmarginとpaddingが違うからです。
 olやulにpadding-leftで字下げをしているものも、liのmargin-leftで字下げしているものも表示結果は同じですが、CSSで、li{margin:0;}と一方だけ設定するとmarginで字下げしているブラウザには有効ですが、ol.ulにpaddingで字下げしているブラウザには効果がないとい...続きを読む

Qマキナ67とマミヤ7どっちがいい?

いつもお世話になっています。

6×7版のカメラが欲しいと前から思っていました。風景やスナップ、人物などを撮りたいと思っています。そこで候補に挙がったのが、マキナ67とマミヤ7です。比べることは難しいとは思いますがどちらが使いやすいのでしょうか。マキナの携帯性、ニッコール魅力、マミヤ7のレンズ交換、ホールドのよさなどそれぞれ魅力的なカメラで迷っています。

Aベストアンサー

マキナW67 マミヤ7どちらも所有しています…最近は出番が限られますが…
性格と言うか、目的が違うカメラですから…
フィールドに持ち出して風景や建物とるならマキナW67です。
80ミリバージョンはあまり評価しませんが…
他の機材を担いで仕事に出かける折に、隙間にスッと入るコンパクト性はマキナに限ります。
このレンズは周辺光量で不利ですが…広角用NDフィルターでカバーできます。

マミヤ7は、集合用のフジGW690のサブとして持って行くくらいです。
もっぱらRBが多いし…

お勧めはマキナですが、人物用には限定されますね…

QCSSでポップアップメニューを作成したがIEだけメニューが表示されません。

下記のようなCSSでポップアップメニューを作成したのですが
IEだけポップアップメニューが表示されませんでした。

IEでもポップアップメニューが表示されるようにするには
どのようにすればよいのでしょうか?(JavaScriptは未使用で作成)

<html>
<head>
<style type="text/css">
#menu {
position: relative;
width: 102px;
height: 22px;
}
#menu li {
list-style-type: none;
float: left;
}
#menu li a {
color: gray;
width: 100px;
height:20px;
text-decoration: none;
text-align: center;
border: 1px solid gray;
display: block;
}
#menu li a:hover {
background-color:#FFFFCC;
}
#menu ul li ul {
display: none;
}
#menu ul li:hover ul {
display:block;
position:absolute;
top: 22px;
left: 0;
}
</style>
</head>
<body>
<div id="menu">
<ul>
<li>
<a href="#">home</a>
<ul>
<li><a href="#">first</a></li>
<li><a href="#">second</a></li>
<li><a href="#">third</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>

下記のようなCSSでポップアップメニューを作成したのですが
IEだけポップアップメニューが表示されませんでした。

IEでもポップアップメニューが表示されるようにするには
どのようにすればよいのでしょうか?(JavaScriptは未使用で作成)

<html>
<head>
<style type="text/css">
#menu {
position: relative;
width: 102px;
height: 22px;
}
#menu li {
list-style-type: none;
float: left;
}
#menu li a {
color: gray;
width: 100px;
height:20px;
text-decoration: none;
text-ali...続きを読む

Aベストアンサー

IE及びOpera6では、
>「:hover,:active疑似クラスは,始点アンカー(href属性を持つa要素)と組み合わせた場合にのみ効果を持つ。」
(下記参照URLより引用)

という事で、A要素との組み合わせでないと「hover」というタイミングを指示できないので、実現不可能ではないかと・・・。
動的処理なのに契機が指示できないのは、ちょっと・・・。
また、今回はその包括範囲内にA要素が別途必要な訳なので、ダミーでA要素で囲うという事はA要素の入れ子となり不可能・・・。


という事で、CGIで事前にブラウザの判定をして表示ページを振り分けるでもしない限り、CSSのみでのポップアップメニューはあきらめるか、
IEの場合は該当CSSを無効になる様に仕掛けを作るか・・・・・。

参考URL:http://hp.vector.co.jp/authors/VA022006/css/corrbrwser/selector.html#pseudo-classes

Qマキナ670の修理

以前信頼していたマキナ修理専門店が廃業して、名の通った修理業者に出してはみたんですがいまいちうまく直らないので困っています。(特にモルト・光漏れ)関東・関西で個人のいい修理店がありましたら。教えていただけないでしょうか?
お願いいたします。住所・TELなどはわかるので店名だけでいいです。

マキナ専門店では綺麗に直ったのに大手で修理したときは光漏れしたフィルムとか持っているのにだめでした。やり直してもらってもうまくいきません。
マキナは蛇腹の周りなどは光漏れなし、落下・ぶつけるなど一切していません。モルトの劣化だけです。
自分でやるにはモルトを張るところがこまごましているのでやめました。

Aベストアンサー

個人で仕事キッチリならば、「ハヤタカメララボ」(オススメ)
気さくな主人は、良く、カメラ雑誌のレポートを書いています。
手に入らない機械パーツは、自分で作っちゃう修理店です。
http://www.hayatacamera.co.jp/

規模の大きな会社ならば、「関東カメラサービス」
http://www.kanto-cs.co.jp/

Qサイドメニューのロールオーバーにマウスを合わせるとメニューがガクガク動いてしてしまう

サイドメニューのロールオーバーにマウスを合わせるとメニューがガクガク動いてしてしまい困っています。ブラウザはIE8です。firefoxは問題ありませんでした。

具体的に言うと、
CSSでサイドメニューのロールオーバーを作成したのですが、IE8上で表示し、実際マウスを合わせると、ガクガクメニュー項目が動いていまうのです。

考えられる、原因を教えていただけないでしょうか?
以下は実際の問題のコードです。

HTML

<div id="box-ml">
<ul id="ul-ml">
<li id="li-ml-kg"><strong>生命保険のカテゴリー</strong></li>
<li id="li-ml-kg"><strong>個人の生命保険</strong></li>
<li id="li-ml"><a href="../seiho/kojin/goriteki_kanyunosikata/gouriteki_kanyu.html">合理的な加入の仕方</a></li>
<li id="li-ml"><a href="../seiho/kojin/syohin/shohin_shikumi.html">生命保険商品一覧</a></li>
<li id="li-ml"><a href="../seiho/kojin/nendaibetsu/life_stage.html">カテゴリー別加入方法</a></li>
<li id="li-ml"><a href="../seiho/kojin/mangaichi/mangaiti_okita.html">万が一が起きてしまったら</a></li>
<li id="li-ml"><a href="../seiho/kojin/hoken_sisanunyo.html">生命保険で資産運用</a></li>
<li id="li-ml"><a href="../seiho/kojin/goriteki_kanyunosikata/syohinbetsu.html">生命保険の得する情報</a></li>
<li id="li-ml-kg"><strong>法人の生命保険</strong></li>
<li id="li-ml"><a href="../seiho/hojin/index_seiho_hojin.html">法人の生命保険商品一覧</a></li>
<li id="li-ml"><a href="../seiho/hojin/iryo_hojin.html">効果的な保険利用方法</a></li>
<li id="li-ml-kg"><strong>損害保険のカテゴリー</strong></li>
<li id="li-ml-kg"><strong>個人の損害保険</strong></li>
<li id="li-ml"><a href="../sonpo/kojin/index_sonpo_kojin.html">個人の損害保険商品一覧</a></li>
<li id="li-ml-kg"><strong>法人の損害保険</strong></li>
<li id="li-ml"><a href="../sonpo/hojin/index_sonpo_hojin.html">法人の損害保険商品一覧</a></li>
<li id="li-ml-kg"><strong>社会保険のカテゴリー</strong></li>
<li id="li-ml"><a href="../syakaihosyo/syakaihosyo_katsuyo.html">使える社会保障制度</a></li>
<li id="li-ml-kg"><strong>保険と税金</strong></li>
<li id="li-ml"><a href="../zei/index_zei.html">保険と税金</a></li>
<li id="li-ml-kg"><strong>保険Q&A</strong></li>
<li id="li-ml"><a href="../qa/index_qa.html">保険にまつわるQ&A</a></li>
<li id="li-ml-kg"><strong>保険の裏技・落とし穴</strong></li>
<li id="li-ml"><a href="../urawaza/urawaza.html">保険の裏話・落とし穴</a></li>
</ul>
</div>

CSS

#box-ml {
padding: 0px 0px 10px;
width: 200px;
float: left;
background-image: url(img/li-a-bg.jpg);
}

#ul-ml {
margin: 0px;
padding: 0px;
display: inline;
text-indent: 0px;
list-style-type: none;
text-align: left;
}

#li-ml-kg {
margin: 0px;
list-style-type: none;
padding: 0px;
display: block;
line-height: 26px;
background-image: none;
text-indent: 20px;
background-color: #66CC00;
border: 1px solid #CCCCCC;
color: #FFFFFF;
}

#li-ml {
margin: 0px;
list-style-type: none;
padding: 0px;
display: block;
line-height: 26px;
background-image: url(buttons/li-bg.gif);
text-indent: 20px;
}

#li-ml a:hover {
margin: 0px;
list-style-type: none;
padding: 0px;
display: block;
line-height: 25px;
background-image: url(buttons/li-bg-m.gif);
text-indent: 20px;
color: #FF0000;
}

宜しくお願いいたします!

サイドメニューのロールオーバーにマウスを合わせるとメニューがガクガク動いてしてしまい困っています。ブラウザはIE8です。firefoxは問題ありませんでした。

具体的に言うと、
CSSでサイドメニューのロールオーバーを作成したのですが、IE8上で表示し、実際マウスを合わせると、ガクガクメニュー項目が動いていまうのです。

考えられる、原因を教えていただけないでしょうか?
以下は実際の問題のコードです。

HTML

<div id="box-ml">
<ul id="ul-ml">
<li id="li-ml-kg"><strong>生命保険のカ...続きを読む

Aベストアンサー

がくがくするってことは
つまりどこかでサイズがずれる様な現象が起こってるってことでしょ。
それもマウスオーバーとマウスが居ない時のスタイルシートの設定を見比べて、その二つのどこかにサイズがずれる様な要素が紛れ込んでいるという事です。

line-height: 26px;
line-height: 25px;
と一カ所だけ25pxになっている所があったんで、
この数値だけを直してあげれば、FirefoxだろうとIE7だろうと、がくがくしませんよ♪

Qエクスぺリアについてです。

エクスぺリアについてです。

以前、エクスぺリアの人にメールを送った時に12時間後にメールが届いたということがありました。

現在は改善されていますでしょうか?

Aベストアンサー

ドコモからドコモに送られたのであれば、あまり遅延は遅延は無いかと思いますが、ネットなどからであれば、メールの到着時刻は保障されません。
そればメールと言う物ですので。

エクスペリアの場合、SPメールで無ければ、自分からメールを確認に行かなければなりません。
その確認周期は電話機で設定できますが、メールが無くても確認するだけでパケット料金が発生するシステムになっていますので、確認しない人だと、最悪、メールの確認周期の時間の2倍程度の着信遅れは発生する可能性があります。

また、上にも書いたように、到着の時間は保証されていないのがメールのシステムです。
ネットワークのメールの場合、数日遅れて届くというものもあります。

Qフレームなし、メニューつき500ページのHTML。メニュー修正の省力化に向けた設計について。

こんにちは。
フレームなし、メニューつきの500ページ程度のサイトを
予定しています。
ただ、メニュー部分だけを修正する場合
500ページすべてを直さなければならないのかと思うと滅入りそうです。

要は、SSIでメニュー部分のみインクルードするようなことが
できればベストなのですが、あいにく私の使用サーバはSSI不可です。
また、JavaScriptは環境依存のためPerlだけを考えています。
これ↓もNN4.Xで効果がないので使用できません。
http://members.at.infoseek.co.jp/dhtml_s/web_dhtml/dhtml_html_insert.htm

この場合、500ページ修正をのまなければいけないのでしょうか?
何かいい設計方法がありましたらお教えください。

Aベストアンサー

DreamweaverやGoLiveといったWebサイト制作ソフトには、テンプレート機能やライブラリ機能があります。
1枚のテンプレートを修正することで、そのテンプレートを利用しているページを全てソフトが自動で修正してくれます。

お金をかけたくないのであれば、複数ファイルの一括置換ソフトを利用するという方法もあります。
最初からメニュー部分のソースを全く同じ形で作っておけば、まとめて書き換えることが可能です。
置換ソフトはVectorなどにフリーのものがありますので、探してみてください。

Q100円の消費税がエクス円 500円の消費税がワイ円 合計は?

100円の消費税がエクス円
500円の消費税がワイ円
合計は?

Aベストアンサー

消費税の合計は、エクス円+ワイ円

Qボタンクリックでボタン画像を変えて、更に横に画像を

最近ブログを始めて、html、cssを勉強しているのですが、分からないことがあるので質問させて頂きます。


私が作りたいのはボタン画像を縦にいくつか並べて、クリックするとその横に画像が表示され、ボタンも押した状態(画像が変わっている)になっているというものです。

また、cssとhtmlでないのでしたらサイトへのアップや記載方法なども教えていただきたいです。


もしお分かりの方がいましたら、よろしくお願いします。

Aベストアンサー

>No.3
なるほど。。。
読み返してみると、質問の主旨は2つあるというようにも読めますね。


>私が作りたいのはボタン画像を縦にいくつか並べて、
縦に並べるのはどうすればいいか?

>クリックするとその横に画像が表示され、ボタンも押した状態(画像が変わっている)になっているというものです。
クリックすると画像をかえるにはどうすればいいか?


私は後者が主旨だと思って答えました。

「クリックしたらほかの場所にある画像も変わる」=ページをかえれば良いという考え方は、
縦に並べるとか横に並べるとかのレイアウト(デザイン)だけでなく、
サイドバーのボタンを押すと、本文中やヘッダにある画像が変わるというようなデザインにも応用は利きます。


前者の質問であるなら、
表(ひょう)と思われたのなら<table>を使えばいいと思いますし、段落(一般文章の中の画像)なら<p>と<br>、箇条書きなら<ul>を使えばいいと思います。
私なら<table>を使います。ご参考まで。


人気Q&Aランキング