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

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

导航条菜单的制作

全部评论问答未解决精华

MonsterJacob

CSS式懵逼...学了JS和jq再来试试看

0 5-2 编程练习

2017-03-19

慕粉欧拉

*{padding: 0; margin: 0;font-size:16px;}
a{
text-decoration:none;
background-color:#cecece;
width:100px;
height:28px;
display:block;
text-align:center;
margin-bottom:2px;
padding-top:7px;
}
a:hover{
background-color:#cc9933;
color:#fdfdfd;
}

0 1-1 垂直菜单的制作

2017-03-17

li{float:left}

最赞回答 / 森浓不绿0

因为在前面还设置了ul的整体高度啊，整体就这么高，li就只能在一列啦

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

2017-03-17

sugar丶

不知道怎么说 JavaScript是这个学习路径后面的课程

0 5-2 编程练习

2017-03-17

浏览器不能显示出汉字

最新回答 / qq_饭炒蛋_2

应该是乱码了吧，你可以把charset=utf-8改成charset=gb2312试试

1 回答 962 浏览 5-1 伸缩菜单的制作——水平方向

2017-03-17

charsandrew

可以使用css3的动画属性来实现同样的效果。

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

2017-03-17

其中if(oSubNav)的作用是什么？直接调用值吗？还是怎么的？

已采纳回答 / qq_左下_1

普通判空作用，防止取到的onSubNav值为undefine空的情况,避免JS解释器报错，浏览器挂掉。

1 回答 779 浏览 6-1 总结

2017-03-16

浮动导航

最新回答 / 正能量加1

li设置成内联元素，变成一行，display:inline;然后a元素设置为行内块元素（才设置宽度、高度等块属性）display:inline-block;然后设置父元素ul或div居中text-align:center;

1 回答 774 浏览 2-1 水平菜单的制作

2017-03-16

非常有喜

不用定时器，用css3的新特性是不是更好
a{ transition:width linear .3s;}
.on,a:hover{ width:150px;}
as=document.getElementsByTagName('a');
for(var i=0;i<as.length;i++){as[i].onmouseover=function(){
for(var j=0;j<as.length;j++){as[j].className=''; }
this.className='on';
}
}

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

2017-03-16

为什么默认“首页”是选中状态？移动到其他上面首页的也不还原

最新回答 / Robert_Langdon

注意到这个没有 .on,a:hover{ background-color: #f60; color: #fff; }

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

2017-03-12

astros

那个说text-align:center;在块级元素中不能用的是不是傻赞还那么多赞的人你们就为了花时间去赞也不懂得花时间自己去验证一下吗？

3 1-3 编程练习

2017-03-12

Hard_Working

基本的样式清除： *{margin:0;padding:0}

无序列表圆点去除： ul{list-style:none}

下划线去除： a{text-decoration:none}

文本缩进标签 text-indent 不会影响总体宽度（padding会）

需要将a标签设置为块元素，才能设高宽、hover效果代码：a{display:block}

hover格式 a:hover{}

1 1-1 垂直菜单的制作

2017-03-10