一段js下拉菜单代码,我想二级菜单在上面向上弹出。请问怎么修改

代码在这里:http://www.alixixi.com/Dev/HTML/jsrun/menu/2008/2008033079994.html... 代码在这里:
http://www.alixixi.com/Dev/HTML/jsrun/menu/2008/2008033079994.html
展开
 我来答
Hello__ill
2014-05-29 · 超过20用户采纳过TA的回答
知道答主
回答量:56
采纳率:100%
帮助的人:36.7万
展开全部

只改css部分的代码就可以了

首先

#nav li {
    float: left;
    width: 80px;
    background: #CCC;
    position: relative;
}

加上 "position: relative;" 属性,是为了使它的子级元素能够根据该元素的位置定位。

然后当然是修改这里

#nav li ul {
    line-height: 27px;
    list-style-type: none;
    text-align: left;
    width: 180px;
    position: absolute;
    bottom: 25px;
}

设定 "bottom: 25px;" 使该元素的底部和其上级元素的顶部对齐。

最后再调整整个菜单的位置,让二级菜单不超出窗口范围就可以了。

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式