365bet手机app-牛蒡的做法-CSS垂直树形下拉菜单

365bet娱乐场 > 生活养生 >

365bet手机app-牛蒡的做法-CSS垂直树形下拉菜单

2018-12-18 15:10

  首先建立菜单架构非常重要,最好的方法是使用ul来建立各菜单内容的从主关系.很复杂么?其实只要一路写下去就OK了:

  上面所写的代码直接在浏览器下可以说非常的难看...所以我们先给他们加上点样式,不至于因为外表的问题弄的你没有兴趣继续做下去,呵呵

  接下来,我们要定义里面内容部分,非常幸运,列表默认的排列就是垂直的,这与我们的要求相一致,定位方式我们应该设置为相对定位(relative)因为副菜单要在相对的位置上进行绝对定位:

  现在我们定义的就是副菜单的内容部分,使用left和top属性我们就可以让它们显示在主菜单内容的右边.display属性值为none所以在默认情况下是隐藏的:

  好了,你可以测试下代码了,1%人可能会兴奋地叫起来,呵呵遗憾的是就目前这些代码还不能够在IE上运做作出我们想要的结果.要让IE运作出一样的效果,我们得使用一段JS代码,不会非常的烦琐:

  * 网友发言均非本站立场,365bet手机app本站不在评论栏推荐任何网店、365bet手机app经销商,谨防上当受骗!

  Win10系统在Win8的基础上对界面、365bet手机app特性以及跨平台方面做了诸多优化。[详细]

  三星Galaxy S10+跑分首曝,365bet手机app也是Exynos9820首秀,安兔兔超32.5万

  国产AI服务器的“变形金刚”曙光XMachine如何“炼成十八般武艺”

  经济环保 Brother DCP-B7530DN激光打印机售价2149元

  GTC China 2018:AMAX重磅推出类脑智能计算一体机联合解决方案

相关文章推荐
精华回答
热门观点 更多>>
365bet官网-365bet手机客户端app-路路通药用-
水麻叶有什么药用-仙人球的作用与功效有哪些
mobile.28365-365.com-仙人掌能治糖尿病 仙人
365bet手机客户端app-具有祛湿功效的中成药、
岗梅根麦冬瘦肉汤