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

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

形形色色的下拉菜单

                
                zongran
            Web前端工程师

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

全部评论问答未解决精华

matuyoyi

这妹子写代码的风格好诡异，说话的方式也好诡异

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

2017-02-16

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

qq_娑婆_0

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

4 4-3 编程练习

2017-02-14

兲鉂嘚淚

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

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

2017-02-13

浅尝

谢谢慕课网

1 6-5 CSS3实现动画菜单

2017-02-11

慕妹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

qq_6仔_0

我不那么高深得知识，我觉得用选项卡得方法可以实现，而且简单

0 7-3 jQuery实现特效菜单

2017-02-01

SWMcalin

@ESC兜兜
opacity表示透明度。transition表示动画。。

如果只设置opacity的值，就是单单透明度的变化。中间没有动画效果。。
加了transition的值，透明度的变化过程就有动画效果

0 6-4 CSS3实现动画菜单分析

2017-01-26

SWMcalin

然而国内还是有一部分人用着IE6。。。。。。。。。。。。

1 5-3 IE浏览器兼容

2017-01-25

庸俗的书生

听着听着，都快喜欢上妹子了。。。

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

2017-01-21

慕粉0029021997

最小屏上点击显示，再点击隐藏后，回到宽屏ul还是被隐藏的

这个bug请问有人解决了吗

0 8-2 响应式菜单实现

2017-01-21

首页上一页 12 13 14 15 16 17 18 下一页尾页

该课程已下架

课程须知: 1.您至少具备Html、Css相应的基础知识。 2.您须了解JavaScript和jQuery基础语法和引用方法；

老师告诉你能学到什么？: 运用CSS、JavaScript和jQuery三种技术实现下拉菜单制作方法。

微信扫码，参与3人拼团

热搜

最近搜索清空

形形色色的下拉菜单