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

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

导航条菜单的制作

全部评论问答未解决精华

慕粉3895328

菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。

0 3-2 练习题

2016-11-23

AFaye_0

$(function(){
$('li').hover(function(){
$(this).children('ul').css("overflow","visible");
},
function(){
$(this).children('ul').css("overflow","hidden");
}
)
})

1 6-2 编程挑战

2016-11-23

俊鹏

老师你不要一直这样“啊”，我有点激动了

1 1-1 垂直菜单的制作

2016-11-23

WilliamsZhang

aLi[i].onmouseover=function(){
//鼠标经过一级菜单，二级菜单动画下拉显示出来
this.getElementsByTagName('ul')[0].style.overflow="visible";
}
//鼠标离开菜单，二级菜单动画收缩起来。
aLi[i].onmouseout=function(){
this.getElementsByTagName('ul')[0].style.overflow="hidden";

}
主要将overflow设置成visible就可以显示了。

2 6-2 编程挑战

2016-11-22

慕神2326442

我按照路径的课程学习的，script都还没学习到了啊，晕死了

2 6-2 编程挑战

2016-11-21

陶吉诃德

感觉这些作用不大啊，用css完全可以实现。从老师的开发工具和各种操作来看，老师应该是以前的老司机，但是有些技术太落后了吧。虽然用jquery很方便，但是引入了一个很大的库啊。不如用css，也就几行css就能实现了。

2 6-1 总结

2016-11-18

陶吉诃德

这老师竟然还在用DW和贴图，我有点无法忍受。。。

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

2016-11-18

陶吉诃德

现在还贴图。。。。一个图片的大小和http请求都够写好几个css文件了

0 3-1 圆角菜单的制作

2016-11-18

RoyD

使用display:inline-block; 也可以做到，不过要处理一下各个块之间的默认间距，需要将ul的font-size设置为0，看需求选择把。

1 2-3 编程练习

2016-11-16

时间过得太快你我来不及留恋丶

拜拜 js去了等会了再回来干掉它

2 5-2 编程练习

2016-11-16

柔顺济

aA[i].onmouseover=function(){
var This=this;
clearInterval(This.time);
This.time=setInterval(function(){
This.style.width=This.offsetWidth+8+"px";
if(This.offsetWidth>=160)
clearInterval(This.time);
},30)
}

0 5-2 编程练习

2016-11-14

螺里吧所

bgm真不错

0 6-1 总结

2016-11-13

muk12138

你们要是把前面的学好了这里应该看得懂的

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

2016-11-13

qq_苔上雪_04205930

长度值解释的是元素内边距区左上角的偏移。偏移点是图像的左上角。
比如，如果设置值为 50px 100px，图像的左上角将在元素内边距区左上角向右 50 像素、向下 100 像素的位置上：
body
{
background-image:url('/i/eg_bg_03.gif');
background-repeat:no-repeat;
background-position:50px 100px;
},移动的点事相对于左上角的坐标，所以0 -30px,是向上移动。顶起来。

3 3-1 圆角菜单的制作

2016-11-12

慕斯0297613

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

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

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

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

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

hover格式 a:hover{}

2 1-1 垂直菜单的制作

2016-11-11

首页上一页 22 23 24 25 26 27 28 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

导航条菜单的制作