形形色色的下拉菜单_技术问答

首页免费课形形色色的下拉菜单问答

形形色色的下拉菜单

                
                zongran
            Web前端工程师

                    查看讲师更多课程 
                    zongran讲师的其他课程
                
商城分类导航效果
初级·63738
免费课程
                                
                难度初级
            
                时长 3小时21分
            
                学习人数
            
综合评分9.57
                            145人评价
                        查看评价
                                9.8
                                内容实用
                            
                                9.4
                                简洁易懂
                            
                                9.5
                                逻辑清晰

全部评论问答未解决精华

RONIN

// 模拟点击closeBtn按钮
if($(this).hasClass('btn-active')){
$('#expandZone #closeBtn').click();

return false;
}

0 7-4 编程练习

2016-12-20

小辣椒啊

听着好无聊，想睡觉

1 8-2 响应式菜单实现

2016-12-20

Alextiffy

#menu ul li ul li:hover{height:40px;}
li ul li{ background:green;height:40px; text-align:center; line-height:40px; border-bottom:white solid 1px; float:left;}

#menu ul li:hover ul{
display:block;
}
</style>

二、老师的定位去掉也正常，

0 1-1 HTML/CSS方法实现下拉菜单

2016-12-20

Alextiffy

#menu ul li {float:left; width:100px; padding-right:5px; height:40px; text-align:center; line-height:40px; overflow:hidden;}
a{ text-decoration:none; display:block; height:40px;overflow:hidden;}
#menu ul li:hover{height:200px;}

0 1-1 HTML/CSS方法实现下拉菜单

2016-12-20

Alextiffy

不适用定位也可以实现代码如下：
<style type="text/css">
*{margin:0px;padding:0px;}
ul {list-style-type:none; margin:0 auto;height:40px;}
#menu{ margin: 0 auto; background:gray; width:800px ;height:40px; }

0 1-1 HTML/CSS方法实现下拉菜单

2016-12-20