为了账号安全,请及时绑定邮箱和手机立即绑定

导航条菜单的制作

江老实 Web前端工程师
难度初级
时长23分
学习人数
综合评分9.53
1004人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.4 逻辑清晰

已采纳回答 / 慕九州9371693
因为那个图片本身就自带圆角,或者用border-radius:10px;四个角都可以带上圆角

最新回答 / 义色
你还没理解整个的代码操作 我建议你重新看一下  主要就是几个无序列表的标签  

已采纳回答 / 时光轮
这句话的意思是当鼠标经过ul元素下的第一代li元素时,在0.3秒内将 ul元素 下的 第一代li元素 下的 ul元素高度设为120px。 <...code...>如果选择器为“ul li”,则会选中所有li元素,包括“一级菜单”和“二级菜单”。“ul>li”,则只会选中第一代li,就是“一级菜单”。

已采纳回答 / 慕丝9480286
<a>标签里面是margin-bottom:1px不是padding-bottom:1px;

已采纳回答 / 慕娘4728584
clearInterval(this.time);var This=this;注意大小写。。

已采纳回答 / 慕丝9480286
:hover 是一个伪类选择器,具体可参考http://www.w3school.com.cn/cssref/selector_hover.asp.这句话的作用是当鼠标悬空(非点击)于.nav li a元素上空时改变字体的颜色和字体的背景颜色

已采纳回答 / 慕娘4728584
因为this是个变量,在不同函数中指代东西不同,你可以在代码不同位置alert(this)看他具体是什么,就是说this是一直在变的,A(this(this)),比如这样,第一个this指A,第二个this指A(this),是不同的大概是这个意思,,

已采纳回答 / fighting加油吧
line-height是竖直居中,水平居中是因为之前设置了text-align:center; line-height表示的是行高,之前设置了height是40,如果再设置行高是 40,就会竖直居中

已采纳回答 / 小呀嘛小白菜
这么看你的css语法是没有问题的,你应该检查一下你的html代码是不是出错了,是不是逻辑写的有问题,导致css样式没有作用到上面

已采纳回答 / 前端小菜鸟_2017
首页呈选中状态是因为设置了 class=“on”, 不是因为hover。 <a  class="on" href="#">首    页</a></li>

最新回答 / 独客
 aLi[i].onmouseover=function(){            var oSubNav=this.getElementsByTagName('ul')[0];            if(oSubNav){            var This=oSubNav;            clearInterval(This.time);            This.time=setInterval(function(){                    This.style...

已采纳回答 / W_bobby
可以用缩进,用text-align居中对齐会比较好看。而且用text-indent缩进还要计算缩进多少,有可能不那么美观。

已采纳回答 / 慕粉3921328
因为背景图片上面30px是白色的 而行高也是30px,所以下面的橘色部分超出行高不显示,所以需要将其背景向上移动30px
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消