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

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

导航条菜单的制作

全部评论问答未解决精华

按照提示写的代码，怎么不行，校对了好多次，也没差别呀，望指教

最新回答 / 独客

aLi[i].onmouseover=function(){ var oSubNav=this.getElementsByTagName('ul')[0]; if(oSubNav){ var This=oSubNav; clearInterval(This.time); This.time=setInterval(function(){ This.style...

1 回答 663 浏览 6-2 编程挑战

2016-10-28

哎哟Zhou哥哥

刚好学完JS回来，不过好像又要去学JQUERY了，哈哈，学无止境，大家加油！！

1 5-2 编程练习

2016-10-28

哎哟Zhou哥哥

学完JS了，我回来看了，哈哈

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

2016-10-28

制作水平菜单是为什么把垂直菜单里面的缩进text-indent改为文本居中text-align，为什么不能用缩进呢？

已采纳回答 / W_bobby

可以用缩进，用text-align居中对齐会比较好看。而且用text-indent缩进还要计算缩进多少，有可能不那么美观。

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

2016-10-27

心有猛虎_细嗅蔷薇

这是我听了这么多课程中第一个带着轻松愉快的开头结尾音乐。希望以后的课程也可以效仿这种方式~

1 6-1 总结

2016-10-27

心有猛虎_细嗅蔷薇

（没考虑浏览器兼容性）
width: 140px;
transition: width 1s linear;

怪你们自己没看“课程须知”^_^

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

2016-10-27

心有猛虎_细嗅蔷薇

也可以用CSS中的transition(过度动画)属性来实现。

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

2016-10-27

meng4182505

这章可以不用去学JS 可以用CSS3的过渡完成在hover{} 里面加上
width:150px; transition:width 500ms linear 100ms;
-webkit-transition:width 500ms linear 100ms;

1 5-2 编程练习

2016-10-27

心有猛虎_细嗅蔷薇

*水平方向不变，y轴的下方向是正方向。
*用CSS代码实现圆角：border-radius: 15px 15px 0 0; （左上角、右上角、右下角和左下角）
*慕课网里介绍CSS制作圆角的课程，大家可以去学习学习！

1 3-1 圆角菜单的制作

2016-10-27

心有猛虎_细嗅蔷薇

我也是以为会用到CSS的border-radius来实现圆角，结果是用了切图~~

0 3-1 圆角菜单的制作

2016-10-27

qq_Neverregrett_0

background-position：x y x等于平行轴 y等于竖行轴。
x y的取值可以为正数，也可以是负数。如不理解建议过一遍W3C。

3 3-3 编程练习

2016-10-26

margin: 0 -30px; 没看明白怎么实现效果的

已采纳回答 / 慕粉3921328

因为背景图片上面30px是白色的而行高也是30px，所以下面的橘色部分超出行高不显示，所以需要将其背景向上移动30px

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

2016-10-26

水平导航栏

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

0 回答 849 浏览

2016-10-26

qq_飞翔小子_04069684

66666666666666666666

1 1-1 垂直菜单的制作

2016-10-26

qq_小鲤鱼_03131873

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

0 3-2 练习题

2016-10-25

丨妳是我的梦丨

不同的方法对应不同的需求

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

2016-10-25

首页上一页 41 42 43 44 45 46 47 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

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

帮助反馈 APP下载

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

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

友情提示：

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

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？

确认取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？

确认取消

举报

0/150

提交

取消