javascriptとCSSを使ってのドロップダウンメニュー作成
CSSとJavaScriptを使って
ドロップダウンメニューを作ろうと思っているのですが
JavaScriptがうまく作動していないためか
FireFoxでは表示されるのですが
IE6では動きません。
ご教授お願い致します。
■index.html
<head>
<script src="javascript/menu.js" type="text/javascript"></script>
</head>
<div id="nav">
<ul>
<li id="category"><a href="～">category</a>
<ul>
<li><a href="～">Overview</a></li>
<li><a href="～">Overview</a></li>
</ul>
<ul>
<li id="category"><a href="～">category</a>
<ul>
<li><a href="～">Overview</a></li>
<li><a href="～">Overview</a></li>
</ul>
</div>
■menu.js
function menuHover() {var menuItems = d.getElementById("nav").getElementsByTagName("li");
for (var i = 0, miL = menuItems.length; i < miL; i++) {
menuItems[i].onmouseover = function() {
this.className = "mnhover";
}
menuItems[i].onmouseout = function() {
this.className = "";
}
window.onload = menuHover();
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_3_thumbnail_img_sm.png)
お礼
ありがとうございます！！ 助かります！！ こちらでもチャレンジしてみようと思いますが、 実は、CSSの編集をすると、どうしても、他へのレイアウトに影響がでてしまっている状況でして、 javascriptで実装できるものを検討したく思います。 javascriptでのドロップダウンなにか、ございませんでしょうか。
補足
あと、もしできますならば、 http://matthewjamestaylor.com/blog/ultimate-1-column-full-page-pixels.htm から、ドロップダウンメニューを適用し、IE/Firefox両方で動作するコードがあると 非常に助かります。