导航条菜单的制作_技术问答

首页免费课导航条菜单的制作问答

导航条菜单的制作

全部评论问答未解决精华

忐自

给菜单加了float属性后，像现在右边这个小框里显示的效果，后面三个就会折行下来。

1 3-3 编程练习

2016-06-04

bright星芒

用css a{transition:0.5s linear}
a:hover{width:170px;transition:0.5s linear}

2 5-2 编程练习

2016-06-04

萧雁翎

for(var i=0; i<aLi.length; i++){

aLi[i].onmouseover=function(){
this.getElementsByTagName('ul')[0].style.overflow = "visible";
}

aLi[i].onmouseout=function(){
this.getElementsByTagName('ul')[0].style.overflow = "hidden";
}

}
}

2 6-2 编程挑战

2016-06-03

心叶丶

多次点击有BUG，宽度会无限增加，这样设置就没问题了
timer=setInterval(function(){
if(b.offsetWidth<150) {
b.style.width = b.offsetWidth + 10 + "px";
}else{
clearInterval(timer)
}
},50)

1 5-1 伸缩菜单的制作——水平方向

2016-06-02

Sevensea

感觉对.nav li a 用text-align:center 是不是更好一点。

0 1-3 编程练习

2016-06-02

这都是什么

下面三个没有写入二级菜单真的是害人不浅，

2 6-2 编程挑战

2016-06-02

qq_Freepeter_03412501

放浪的猪是对的。大家可以试着在外层的ul加边框，我是弄成红色，可以清楚看到ul并没有被成大。

0 2-3 编程练习

2016-06-02

大耳朵

讲的太简单了吧。。。。

1 2-1 水平菜单的制作

2016-06-02

Deery

BGM什么鬼！

1 6-1 总结

2016-06-02

慕斯4143210

没学Js，完全看不懂

0 6-2 编程挑战

2016-06-01

慕斯卡1925790

都没有素材闹呢？

0 3-1 圆角菜单的制作

2016-06-01

克里斯蒂亚诺_罗纳尔多

var lis=this.childNodes;
for(var i=0;i<lis.length;i++){
if(lis[i].tagName =="UL"){
lis[i].style.height="0px";
}
}

0 6-2 编程挑战

2016-06-01

克里斯蒂亚诺_罗纳尔多

aLi[i].onmouseover=function(){
//鼠标经过一级菜单，二级菜单动画下拉显示出来
var lis=this.childNodes;
for(var i=0;i<lis.length;i++){
if(lis[i].tagName =="UL"){
lis[i].style.height="150px";
}
}

}

0 6-2 编程挑战

2016-06-01

侠客岛的含笑

frgo_03360772 这人绝对的黑涩会，大家离她远点

1 6-2 编程挑战

2016-05-30

侠客岛的含笑

江老实的这个PPT做的绝了，出个PPT的课程吧

76 6-1 总结

2016-05-30

首页上一页 47 48 49 50 51 52 53 下一页尾页

该课程已下架

课程须知: 1.熟悉html知识，尤其对<ul>和<a>比较熟悉； 2.对css样式比较了解； 3.掌握JavaScript和jQuery基础知识。

老师告诉你能学到什么？: 轻松制作出各种形式的网站导航条菜单

微信扫码，参与3人拼团

热搜

最近搜索清空

导航条菜单的制作