  |
<ul id="menu"> <li><a href="#">だらだら</a></li> <li><a href="#">だらだら</a></li> <li><a href="#">だらだら</a><ul><li>だらだら</li><li>だらだらだらだらだらだら</ul></li> <li><a href="#">ゆっくり</a><ul><li>していってね！</li></ul></li> </ul>
こんな感じのリストに
#menu li{
display:block;
float:left;
margin-left:0;
padding-left:0;
margin-right:1em;
border:1px dashed red;
}
#menu li ul{
position:absolute;
display:block;
margin-left:0;
padding-left:0;
border:1px dashed black;
}
#menu li li{
list-style:none;
border:0 none;
float:none;
width:auto;
}
こんな感じのスタイル書いて
window.onload=function(){
var li=document.getElementById("menu").childNodes;
for(var i=0;i<li.length;i++){
if(li[i].childNodes[1]){
var submenu=li[i].childNodes[1];
li[i].onmouseover=function(){
this.childNodes[1].style.display="block";
}
li[i].onmouseout=function(){
this.childNodes[1].style.display="none";
}
}
}
};
あんま関係無いけど、<li>要素の中に<ul>を書くのって邪道じゃね？ <ul> <li> 親 </li> <ul> <li> 子1 </li> <li> 子2 </li> ... </ul></ul> って...
liの中にul(またはol)を入れるのが唯一のリストの入れ子の方法であってul直下にulを入れるのは文法違反だよ
<ul> <li> 親 </li> <ul> <li> 子1 </li> <li> 子2 </li> ... </ul></ul> ノー！これ違うよ。 <ul> <li>親 <ul> <li> 子1 </li> ...
http://anond.hatelabo.jp/20080606210937 http://anond.hatelabo.jp/20080606212252 リストってそうやって入れ子にするのね。ありがとう。
35
