<%=stitle&title%> #menu, #menu ul {
margin: 0;
パディング: 0;
リスト形式: なし。
}
#menu {
ズーム: 1;
}
#menu li {
float: left;
位置: 相対的。
}
#menu ul {
可視性:非表示;
位置: 絶対的;
上部: 193 ピクセル;
左: 567ピクセル;
z インデックス: 1;
背景: #fff;
}
#menu li:hover > ul {
不透明度: 1;
可視性: 可視;
マージン: 0;
}
<スクリプト>
$(function() {
$('li').has('ul').mouseover(function(){
$(this).children('ul').css('visibility','visible' );
}).mouseout(function(){
$(this).children('ul').css('visibility','hidden');
})
});
スクリプト>
頭>
<ボディ>
回复讨论(解决方案)
下拉菜单不用JS的、纯CSS完全可实现!
れーれー