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

导航条菜单的制作

江老实 Web前端工程师
难度初级
时长23分
学习人数
综合评分9.53
1004人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.4 逻辑清晰
ul标签宽度去掉,a设置为float:left 垂直导航条就变成了水平导航条
因为a标签设置了display:block,变成了内联块状元素,所以必须使用浮动才能浮动到同一行

最新回答 / zozor_訣擇0_0
?问题找到了,offSetHeight这里拼错了 ,头大了。。。。

最新回答 / 慕婉清5198893
可以使用&nbsp或者是直接键盘敲空格

最新回答 / qq_绿蓝假灯_0
This.style.width=This.offsetWidth+8+"px"; if(This.time>=160)改为    ↓This.style.width=This.offsetWidth+8+"px";if(This.offsetWidth>=160)

已采纳回答 / 慕田峪4108961
JavaScript中常用的方法,例如:网页可见区域宽: document.body.offsetWidth (包括边线的宽)网页可见区域高: document.body.offsetHeight (包括边线的高)this则代表当前给绑定事件的类选择器

最赞回答 / _漫漫前端路
你给body设置个min-width就行了
display:block;
text-indent:20px;

最新回答 / 慕勒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)控制的样式是一样的,所以没有变化。
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消