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

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

形形色色的下拉菜单

                
                zongran
            Web前端工程师

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

全部评论问答未解决精华

amilu

补充：
负margin对static元素的作用？
1、当static元素的margin-top/margin-left被赋予负值时，元素本身将被拉进指定的方向。
2、设置margin-bottom/right为负数，会将后续的元素拖拉进来，覆盖本来的元素。
3、如果没有设定width属性，设定负margin-left/right会将元素拖向对应的方向，并增加宽度，此时的margin的作用就像padding一样。

1 4-2 变幻菜单制作（二）

2017-02-15

amilu

--原理就是：
----1：将英文放在span中，而span在a标签内，并且span初始隐藏。
----2：悬浮的时候span变为块级元素，此时由于a没有设置高度，所以是自适应的，中文一行，span一行。
----3：通过margin-top=-20px，将中文隐藏。这里的20px是中文的line-height。

0 4-2 变幻菜单制作（二）

2017-02-15

amilu

0 3-3 编程练习

2017-02-15

amilu

原理就是：
1：将英文放在span中，而span在a标签内，并且span初始隐藏。
2：悬浮的时候span变为块级元素，此时由于a没有设置高度，所以是自适应的，中文一行，span一行。
3：通过margin-top=-20px，将中文隐藏。这里的20px是中文的line-height。

0 3-3 编程练习

2017-02-15

为什么二级菜单的float属性取消，就竖向显示了

+ 我来回答回答最高可+2积分

1 回答 447 浏览 1-1 HTML/CSS方法实现下拉菜单

2017-02-14

qq_娑婆_0

这代码还是有点毛病，直接上移是因为顶部显示不到了，如果顶部有其他东西就会被上移的菜单挡住，看起来效果不好

4 4-3 编程练习

2017-02-14

兲鉂嘚淚

当数值为0时后面不要带单位的。

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

2017-02-13

浅尝

谢谢慕课网

1 6-5 CSS3实现动画菜单

2017-02-11

按老师的方法来IE7里不显示小箭头。。

+ 我来回答回答最高可+2积分

2 回答 581 浏览 6-6 CSS3实现动画菜单尖角

2017-02-10

IE7里二级子菜单为什么高度间隙很大，写了a的宽高都不行

最新回答 / 慕妹4714141

设置宽和高跟你的高度间隙是没有关系的，可以margin(外边距)或者line-height(行高距);高度间隙其实也就是行高

1 回答 578 浏览 1-1 HTML/CSS方法实现下拉菜单

2017-02-08

慕妹6355885

鼠标快度移入，移除 2级菜单会出现抖动的现象，把onmouseover 换成，onmousemove就完满解决了，
onmouseover 可能是冒泡的原因把，移入，移除，一般用，onmousemove，和onmouseleave，就不会出现BUG,用 onmouseover,和onmouseout就会出现很多bug

3 6-7 编程练习

2017-02-06

慕粉2013053516

$('.top-nav li').mouseenter(function () {
$(this).find('ul').stop().slideDown('fast');
})
$('.top-nav li').mouseleave(function () {
$(this).find('ul').stop().slideUp('fast');
})

2 6-2 jQuery实现动画菜单

2017-02-05