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

导航条菜单的制作

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

已采纳回答 / 唐宋小宝
什么是块级元素?在html中<div>、 <p>、<h1>、<form>、<ul> 和 <li>就是块级元素。块级元素特点:1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(真霸道,一个块级元素独占一行)2、元素的高度、宽度、行高以及顶和底边距都可设置。3、元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。

最新回答 / 谢小婷
line-height 是行高,height是高度

已采纳回答 / 小杨羊
padding-left是内左边距,它增加长度,外面的盒子当然也会被撑大了。

最新回答 / qq_Jabo
obj.className ="defineClassName" (对象.className ="类"); 绑定类 明白不? 

最赞回答 / Airly
我没用定时器。这样写也可以window.onload=function(){    var aLi=document.getElementsByTagName('li');    for(var i=0; i<aLi.length; i++){ aLi[i].onmouseover=function(){ var subNav = this.getElementsByTagName('ul')[0]; if(subNav){ var This = subNav; This.style....

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

已采纳回答 / bonny__
第一个aA[i]里面的setInterval写错了,少写一个t

已采纳回答 / 塑料笔
元素的宽度(包括边宽border补白padding)

已采纳回答 / 艾狄生
你确定你设置了要显示的宽度!!为了避免自适应,要设置ul固定的宽度!

最新回答 / 折翼天使I
如果你想设置它居中也是可以实现的:将ul标签的宽度设为400px(你的a标签宽度为80px,80*5=400px为最小)以上,不要太大到超过浏览器的宽度;将ul标签设置为居中:margin:0 auto;简单说:就是把Style中ul部分的代码改成下面这样:        ul{list-style:none;width:400px;margin:0 auto;}

已采纳回答 / 香飘飘丶
如果我没有数错的话,你在代码的最后少了一个"}"反括号,加上即可,除此之外 This.style.height = this.offsetHeight + 16 +"px";中的this应为oSubNav也就是var中的This,下同。 附代码:<...code...>

已采纳回答 / 慕粉1462636306
课程水平伸缩菜单制作中是这么设置的,这个练习题中CSS里面的设置和水平伸缩菜单模块的CSS样式设定不一样的,不能直接套用课程的代码,我这边运行是显示不出来二级菜单的,<ul class="subNav">大小仍为120*0,高度值为0;题目CSS中设置了.subNav{ position:absolute; top:30px; left:0; width:120px; height:0; overflow:hidden},高度为0,overflow:hidden,我也是新手一枚,说的不对还请见...

已采纳回答 / 慕粉3951534
两种方法,定宽:<...code...>不定宽:<...code...>你的代码里 .a{margin:0 auto;width:100%;} 这一行没作用,虽然 a 设置为 block 了,但 a 的父元素是 li ,这样设置最多让 a 在 li 中居中,而不是 ul...
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消