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

导航条菜单的制作

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

最赞回答 / _漫漫前端路
你给body设置个min-width就行了

最新回答 / 慕勒1196411
在第一个链接中增加一个类选择器,如下代码:<li><a href="#" class="on">首页</a><li>然后用CSS样式美化.on,.a:hover{        background-position:0 -30px;        color:#fff;}

最新回答 / Mr丶Zhang小
我发现不是因为频发移入移出,是因为的写的offsetWidth  + 10的原因,才导致我出现这样的问题。

最新回答 / qq_风中枫_0
首先,.on和a:hover是对两种元素状态的样式控制,.on是对class为on的元素进行css样式设置,而只有首页具有class为“on”的属性,所以只有它初始状态为红色;a:hover是对鼠标移到a标签之后的样式进行设置,所有的栏目其实都会产生变化,但是首页栏目由于初始样式即(.on)控制的样式和鼠标移到首页上的样式即(a:hover)控制的样式是一样的,所以没有变化。

最新回答 / 无常cc
<...图片...>外部文件打包放在一起之后输入路径就可以自动跳出来然后选择了

最新回答 / 慕仔3028822
通过ID比较好,实际开发的时候元素会很多,通过ID才是好一些的这里教课没有涉及ID,不是重点所以才没有提到ID这个概念 

最赞回答 / wtxy
我的见解:getElementsByTagName 这个function是JavaScript一个function,可以根据标签(Tag)来获取一个dom对象。所以,var aLi=document.getElementsByTagName('li');是根据‘li’标签获取一个elements数组,,也就是获取到‘li’标签元素的相关信息。类似方法还有,getElementsByClassName,getElementByIdaLi[i].onmouseover=function(){      //鼠...

最新回答 / 慕函数4904647
active是点击时出现的效果,案例中是直接给.nav li a.on这个标签加了背景t图片

最赞回答 / 大胆的欠扁
<a>标签原本是行内元素,可以设置text-align,但是不能设置宽度和高度,当<a>标签设置为块级元素,会同时具有行内元素和块级元素的特征,即可设置text-align,又能设置宽高。

最新回答 / 幕布斯2456136
直接在hover里面改背景颜色的话,看到的会四方形的效果,老师用图片移动,是要用图片上画的圆角效果
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消