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

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

形形色色的下拉菜单

                
                zongran
            Web前端工程师

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

全部评论问答未解决精华

白兔白不白

/*设置正常状态英文菜单隐藏*/
.top-nav li a span{ display:none; }

/*鼠标移动到链接上面时将英文菜单显示*/
.top-nav li a:hover span{ display:block; }

/*鼠标移动到链接上面时将中文菜单位置上移*/
.top-nav li a:hover{ margin-top:-20px; background:#DC4E1B; color:#FFF; }

0 4-3 编程练习

2015-12-08

proto

介个男老师居然还喜欢相声。。。。我也是。。。。蒙圈了

2015-12-07

这个demo里为什么要给ul li一个position：relative，给ul li ul一个position：absolute这样的定位属性啊？

最新回答 / proto

哦我知道了，是让ul li ul 脱离标准文档流，因为做项目的时候菜单盒子所在的位置必定还有别的东西，不能让它占位

2 回答 2157 浏览 1-3 编程练习

2015-12-07

litdev

孩子元素。。。

0 3-1 jQuery方法实现下拉菜单显示和隐藏

2015-12-07

白兔白不白

function ShowSub(li) {
var subMenu = li.getElementsByTagName("ul")[0] ;
subMenu.style.display = " block ";
}
<li onmouseover="ShowSub(this)" onmouseout="HideSub(this)" ><a href="#">课程大厅</a>

0 2-3 编程练习

2015-12-07