365bet官网

欢迎来访,365bet官网第一娱乐服务平台!

DIV+CSS设计实例:垂直树形下拉菜单

来源:未知 作者:365bet官网 人气: 发布时间:2019-05-14
摘要:首先建立菜单架构非常重要,最好的方法是使用ul来建立各菜单内容的从主关系.很复杂么?其实只要一路写下去就OK了: 上面所写的代码直接在浏览器下可以说非常的难看...所以我们先给他

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

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

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

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

最火资讯

Copyright © 2002-2019 365bet官网_365bet欢迎您 版权所有 网站 地图