- 締切済み
連続でスイマセン(><)
何回もスイマセン!!すごく気になるサイト見つけたんですんです。 このサイトの「ダイナッミクイメージタブメニュー」ってあってそれをダウンロードしたんですけど タグの意味がまったくわからいんで改造のしようがないんです誰かこの仕組みを教えてください http://www.wiredope.com/
- みんなの回答 (2)
- 専門家の回答
みんなの回答
- m035
- ベストアンサー率44% (38/86)
<div class="hide menu" id="sub1"> <ul> <li><a href="*.html" title="">?</a></li> <li><a href="*.html" title="">?</a></li> </ul> </div> という感じにあなたの指定した「ダイナッミクイメージタブメニュー」のソースを少し見やすくしたものを例に説明します。 簡単に言うと、idとは特定のタグへ名前を付けるものです。 このときの id="sub1" は<div>に対して書かれています。 よって、この場合は<div>から</div>までのひとくくりに sub1 という名前が付けられているのです。 では、なぜこのような面倒なことをするのかというと、名前を付けておくことによって、 JavaScriptからその物体(今回は<div>から</div>までの部分)に対して 何かを行うときに名前で指定することが出来るからです。 あなたの指定したページでいうとメインメニュー内の <li> <a href="url" onmouseover="show('文字列')" title="title" accesskey="5">リンク</a> </li> の show('文字列') でJavaScriptを呼び出していることは前の回答に書いてある通りです。 このときの '文字列' の部分はページ内で 不可視状態にある<div>から</div>の部分(=サブメニュー部分)を 呼び出すために名前を入れてあります。 このときidによって名前を指定していないと、 特定の物体に対して可視・不可視状態にしたり出来ません。手紙があて先不明で届かないのと同じです。 とても長く書いてしまいましたが、簡単に言うとidとは、 「JavaScriptなどから特定の物体(<タグ>~</タグ>か<タグ>)を呼び出すために、名前を付けるオプション」ということでどうでしょう。
- m035
- ベストアンサー率44% (38/86)
メインメニュー部分 →リンクにマウスが乗ったらサブメニューをJavaScriptによって不可視状態から可視状態にする。 >onmouseover="show('sub4')"によってメニューの切り替え。 >onmouseover...マウスが乗ったときに=""の""で囲まれた動作を実行。 >show()...()内に与えられた部分を可視化するように作られているようです。 サブメニュー部分 →可視化されたときに表示されるメインメニューごとのサブメニュー。 ><div class="hide">から</div>までの部分が不可視化されています。 >show()に与えられた文字と<div class="hide menu" id="">の >idに設定した名前が、同じならばそのサブメニューが表示されるようです。 もし、何かしたいことや分からないことがあるのでしたら、具体的に補足してください。出来る限り答えます。 JavaScriptについても答えますし。
補足
htmlで<id>と言うタグがあるんですけど意味がわからないんです・・・教えてください