@H_403_1@我一直在看可用的响应下拉菜单/导航栏,但没有什么似乎正常工作.我主要需要一个不依赖于
JavaScript黑客的基于CSS的菜单.
为什么不使用JS？基于JS的解决方案无法在像Opera Mini这样的代理浏览器上运行,我们的大多数用户都使用它,而Blackberry浏览器不会显示与JS良好的工作.
许多人主张使用选择菜单进行移动导航.一个有趣的解决方案,但这又是依赖于JS,对于嵌套的多级菜单来说是非常繁琐的.
那么那么你遇到的导航系统可能适用于你？
解决方法
对于使用java脚本的多级下拉菜单,我创建一个
sample here.
HTML：
<ul>
<li>
Menu 1
<ul>
<li>Menu 1.1</li>
<li>
Menu 1.2
<ul>
<li>Menu 1.2.1</li>
<li>
Menu 1.2.2
<ul>
<li>Menu 1.2.2.1</li>
<li>Menu 1.2.2.2</li>
</ul>
</li>
<li>Menu 1.2.3</li>
<li>Menu 1.2.4</li>
</ul>
</li>
<li>Menu 1.3</li>
</ul>
</li>
<li>Menu 1</li>
<li>Menu 1</li>
<li>Menu 1</li>
<li>Menu 1</li>
</ul>
CSS：
ul{
}
ul li{
display:inline-block;
position:relative;
}
ul li> ul{
display:none;
position:absolute;
left:95%;
top:15px;
}
ul li> ul li{
display:block;
}
ul li:hover> ul{
display:block;
}
