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

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

导航条菜单的制作

全部评论问答未解决精华

大神都来瞧瞧

最新回答 / 门外小白3342804

这个思路是先选定所有li，然后在其上绑定事件，事件内容为<ul class="subNav">的高度拉长或变短。this.getElementsByTagName("ul")是鼠标经过的li下的所有ul，这是一个数组，if(oSubNav)无法判断。加上【0】就是当前鼠标经过的li下的第一个ul，如果存在，就执行事件内容，如果改为【1】那就不存在，不执行

4 回答 568 浏览 6-2 编程挑战

2016-09-29

一树梨花洛丽塔3674796

开始搞不懂a加上背景会是这样，现在差不多懂了。

a的高度是那个背景图片大小的一半，也就是上面的白色部分，那么超出的下面橙色部分就不显示了。所以开始设置的时候是白色，后来设置背景上移，a就在背景的下半部分了。

萌新不懂，有错误请指出。

3 3-1 圆角菜单的制作

2016-09-28

为什么我的伸缩的效果没有出来？

已采纳回答 / bonny__

第一个aA[i]里面的setInterval写错了，少写一个t

2 回答 673 浏览 5-2 编程练习

2016-09-28

这里的这个offsetWidth是什么意思

已采纳回答 / 塑料笔

元素的宽度（包括边宽border补白padding）

1 回答 653 浏览 5-2 编程练习

2016-09-28

qq_又见_04007441

问一下大神，零基础走什么路径？我的路径“Web前端工程师”没有css3和html5，这两个课程学哪个课程好些？求推荐

1 3-3 编程练习

2016-09-27

qq_又见_04007441

只是不太明白background-position:0 -30 0是指左右不变？-30是指往上移30？为什么左右写在前面呢？
查阅了w3s关于background-position的用法，第一个值是水平位置，第二个值是垂直位置。并且向右是正值，向下是正值

7 3-1 圆角菜单的制作

2016-09-27

qq_又见_04007441

这一章应该起名为背景图的妙用，我是零基础，我能看懂，不过要斟酌一下的，就是说a加了一个on的class，他的效果和鼠标悬停是同样的样式，鼠标悬停的时候让背景图下移，是这么个意思

1 3-1 圆角菜单的制作

2016-09-27

qq_又见_04007441

庄先生和
我觉得不加文本对齐，效果更舒服一些，可是之前教程里都加了呀。
---------------------------------
因为.nav li a样式中有缩进，你把缩进去掉就可以了

0 2-3 编程练习

2016-09-27

qq_最佳人选_03465084

老师还没学到JS呢

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

2016-09-27

qq_又见_04007441

在ie浏览器测试，《a》未加display：block的情况下，行间距是起作用的，说明line-height是对内联元素起作用的

0 1-3 编程练习

2016-09-27

kahoohak

慢着 css课程我听到JavaScript什么鬼

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

2016-09-27

炒了个基

虽然很基础，但是不同的课总会有一些收获，免费的课你还在乎什么，现在需要的就是沉下心进行知识积累，采取对自己有用的东西

0 3-1 圆角菜单的制作

2016-09-27

Zhsirting

雪碧图加载要快得多~~

0 3-3 编程练习

2016-09-27

RoughColorText

学过css的看到没有border-radius觉得有点忽悠人了

1 3-3 编程练习

2016-09-26

RoughColorText

幸好我是先看完js之后再回来学布局的

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

2016-09-26

慕粉3878350

padding:Xpx;margin-top:-2Xpx;
使用这种方法也可以实现：鼠标经过的时候导航向上跳动，且文字垂直居中。

1 4-2 编程练习

2016-09-26

首页上一页 49 50 51 52 53 54 55 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号

友情提示：

您好，此课程属于迁移课程，您已购买该课程，无需重复购买，感谢您对慕课网的支持！

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？

确认取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？

确认取消

举报

0/150

提交

取消