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

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

导航条菜单的制作

全部评论问答未解决精华

元素相互重叠

最赞回答 / jasper_mark

margin: -10px改为margin-top:-10px就好了

2 回答 632 浏览 4-1 伸缩菜单的制作——改变高度

2015-07-06

浅水了

楼上 dispaly:block 哪里有bolock这个属性

2 1-3 编程练习

2015-07-06

为什么不能用margin-bottom:10px;?

最赞回答 / 流云行者

其实li之前已经设置过margin-top：20px，所以它的外边距就是对已经固定的父级元素扩展了20px，就是说现在它的所有改变的行为都以此为根据了，如果你把li元素高度变大20px，那么li元素会向下生长而不会说把这20px给挤没了，所以就会挣脱ul的底边界插出去。而margin-top：-10px是a标签的行为，后面你懂的

5 回答 3845 浏览 4-2 编程练习

2015-07-01

好好学习_0038

简洁易懂老师您辛苦了！

0 4-1 伸缩菜单的制作——改变高度

2015-07-01

好好学习_0038

<libackground:position:(0,30px)><a class="on" href="#">首　　页</a></li>
老师您辛苦了，来学习了！

0 3-3 编程练习

2015-07-01

好好学习_0038

菜单间的间距咋那么小啊，与
http://img1.sycdn.imooc.com//538462d10001feea05470034.jpg不同。困惑不解

0 2-3 编程练习

2015-07-01

天行者健

讲得不错。。

0 4-1 伸缩菜单的制作——改变高度

2015-07-01

好好学习_0038

<lifloat:display:level,right20px><a href="#">首　　页</a></li>

0 2-3 编程练习

2015-07-01

好好学习_0038

老师您辛苦了！来学习了。

0 2-1 水平菜单的制作

2015-07-01

好好学习_0038

display：bolock.与<div><div/> 的作用是一样的，O(∩_∩)O哈哈~谢谢您老师您辛苦了！

0 1-3 编程练习

2015-07-01

为什么给subNav加上border样式，鼠标滑过子菜单项，边框越来越长，也就是说subNav的Height超过120px了还在增加？

+ 我来回答回答最高可+2积分

2 回答 1651 浏览 6-2 编程挑战

2015-06-30

margin-top:-10px

已采纳回答 / chavin

margin-top:0px;这个相当于元素上方的外边距为0，margin-top:-10，就是外边据为-10，就相当于把元素向上移动10个像素

2 回答 4856 浏览 4-1 伸缩菜单的制作——改变高度

2015-06-28

Carol_Li

论最快，最简答的还是-webkit-transition:width 0.2s;

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

2015-06-26

reyen

//鼠标离开菜单，二级菜单动画收缩起来。
aLi[i].onmouseout=function(){
var oSubNav=this.getElementsByTagName('ul')[0];
if(oSubNav){
var This=oSubNav;
clearInterval(This.time);
This.time = setInterval(function () {
This.style.height=This.offsetHeight-16 + 'px';
},30)
}
}

0 6-2 编程挑战

2015-06-26

银夜如风

代码有点小，看得很费力。不过老师讲得很好。

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

2015-06-26

贤宝的世界

一般都使用 “ul\li” 来制作“菜单导航条”

0 1-2 练习题

2015-06-26

首页上一页 137 138 139 140 141 142 143 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空