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

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

形形色色的下拉菜单

                
                zongran
            Web前端工程师

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

全部评论问答未解决精华

劫盎

window.onload=function(){
var lis=document.getElementsByTagName('li');
var timer=null;
for(var i=0;i<lis.length;i++){
lis[i].onmouseover=function(){
var ul=this.getElementsByTagName('ul')[0];
ul.style.display='block';
clearInterval(timer);
timer=setInterval(addH,100);
}

0 6-3 JS实现动画菜单

2016-08-07

劫盎

我觉得可以不用考虑IE6了，这节直接跳过不想看

1 5-3 IE浏览器兼容

2016-08-07

劫盎

之前自己做的是加了几个class属性，可能写起来比较方便，但是总归不好用太多的class，只用一个class之后，空格选择符又是选择的后代元素而不是子元素，所以思路又得重新来，总算弄好了，

0 5-2 CSS实现三级菜单

2016-08-06

慕函数9666145

我觉得jq简单，不用原生js行不行，太麻烦

0 6-3 JS实现动画菜单

2016-08-06

劫盎

/*鼠标移动到链接上面时将英文菜单显示*/
.top-nav li:hover span{
background:#DC4E1B;
color:white;
top:0;
}
还有在li标签上设置相对定位

1 4-3 编程练习

2016-08-06

劫盎

我觉得还是用定位做好些，
.top-nav span
{
position:absolute;
top:20px;
left:0;
width:80px;
height:20px;
line-height:20px;
}

0 4-3 编程练习

2016-08-06

qq__kui

0 3-3 编程练习

2016-08-06

劫盎

老师说的实现不了，不是用的margin-top，只是加了top=0，我觉得这样更简单

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

2016-08-06

qq__kui

function :定义函数
onmouseover:鼠标经过事件
onmouseout:鼠标离开事件

2 2-3 编程练习

2016-08-06

qq__kui

10行ul li{ line-height:40px; text-align:center; position:relative; float:left;}
14行ul li ul{width:90px; position:absolute;display:none;}
15行ul li:hover ul{display:block;}

2 1-3 编程练习

2016-08-06

qq__kui

<ul>
<li><a href="#">JavScript</a></li>
<li><a href="#">JQuery</a></li>
</ul>

0 1-3 编程练习

2016-08-06

劫盎

现在浏览器更新那么快，其实不需要考虑IE8以下，毕竟现在还有人用IE8

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

2016-08-06

QwhateverA

建议老师先把原理讲清楚，再把各个功能部分写出来，最后调整优化代码。原理和编码过程糅杂在一块，还要睁大眼睛去看代码位置调整，好累。。。。关键是自己敲基本没出来效果啊

1 7-3 jQuery实现特效菜单

2016-08-03

珂珂凉

爱你老师，么么哒

1 8-3 Bootstrap实现响应式菜单

2016-08-03

红豆玉米

函数真的很难掌握

0 2-3 编程练习

2016-08-03

首页上一页 27 28 29 30 31 32 33 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

形形色色的下拉菜单