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

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

导航条菜单的制作

全部评论问答未解决精华

心叶丶

多次点击有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

可以用margin-top负值的话，为什么用margin-bottom不可以呢

已采纳回答 / Cassie_yu

因为在第十行 ul 和 li 中设置了 margin-top为20px 是固定的，现在用 margin-bottom 是顶不上去的

2 回答 1127 浏览 4-2 编程练习

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

background-position有什么作用

最赞回答 / Willsf

background-position是设置背景位置，第一个参数：水平位置（左右）为0是不变化;第二个参数：设置垂直方向（上下），-30px是向下移动30px。为什么减30px呢？因为这个按钮图片本身是120px*60px,总高度为60px;且已经在a样式里面设置为height: 30px；显示白色背景圆角。所以background-position:0 -30px;就是当你放在按钮时候高度下降30px，就有白色背景变为橙色背景效果。

3 回答 898 浏览 3-1 圆角菜单的制作

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