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

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

导航条菜单的制作

全部评论问答未解决精华

年轻人千万别熬夜

一脸懵逼我会再回来的

0 6-2 编程挑战

2016-04-09

qq_留声机里只有回忆_0

不用js吧，在这讲还是挺有难度，直接修改触碰a标签时宽度增加20px以上效果一样的，简单好用.on,a:hover{background-color:#f60;color:#fff;margin-top:10px;width:120px}margin-top不一定用负值啊，根据自己设置ul、a的高度定的，我在a的css中设置的margin-top值+a的行高=ul行高就行了，然后触碰用正值就行了。同样添加触碰后增加a的宽度属性就行了。

2016-04-09

慕斯卡9731973

for(var i=0; i<aA.length; i++){
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-04-08

web前端韦晨旭

老师好快呀！

0 2-1 水平菜单的制作

2016-04-08

_一六01

此处首页能有那么大的空格是因为,他输入的全角的空格,全角的空格不会被忽略

35 2-3 编程练习

2016-04-08

慕斯蛋糕啊

magin:0;padding:0;就清除了下划线和圆点了啊- -

0 1-1 垂直菜单的制作

2016-04-08

雨下的梧桐1

aLi.length为25，但是很多aLi里很多元素是没有ul的，遍历时会爆出很多错误，所以该题是有bug的，希望慕课能纠正。

0 6-2 编程挑战

2016-04-08

A53晓岩

突然就懵逼了，，

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

2016-04-08

koromon

等着@ 给我等着！哈哈

0 6-2 编程挑战

2016-04-07

JohnnyHTML

a.on{background-color: #F60;color: #fff}
a:hover{ color:#fff;background-color:#F60;width:160px; }
其实用css也可以，原来a.on,a:hover那里的样式改成上面那样就行，不过伸缩的效果当然没有用jquery那么好看了

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

2016-04-07

JohnnyHTML

其实有时对盒子模型理解不了的同学们可以复制代码到本地的编辑器运行然后用浏览器调试一下就懂了

0 4-2 编程练习

2016-04-07

JohnnyHTML

background-position 属性设置背景图像的起始位置。
这个属性设置背景原图像（由 background-image 定义）的位置，背景图像如果要重复，将从这一点开始。
提示：您需要把 background-attachment 属性设置为 "fixed"，才能保证该属性在 Firefox 和 Opera 中正常工作。

2 3-3 编程练习

2016-04-07

不学习要被打

其实明显可以不用js就能实现的，放在这里明显难度系数不适合

0 6-2 编程挑战

2016-04-07

JohnnyHTML

现在不是流行用inline-block吗

0 2-1 水平菜单的制作

2016-04-07

philoz

他就是给每个 a 绑定一个鼠标悬浮事件，一个鼠标离开事件，每个事件都有对应的CSS样式

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

2016-04-07

首页上一页 58 59 60 61 62 63 64 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

导航条菜单的制作