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

导航条菜单的制作

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

已采纳回答 / 慕粉3876065
var aA=document.getElementsByTagName('a');这一句得到的是所有的<a>标签,是一个数组;现在对每一个<a>标签都要有延伸的这种效果,所以要用到for循环,aA.length就是数组的长度

已采纳回答 / 慕仔7173990
你getTagName是拿到的数组是有length的但是你[0]以后是单个值,所以没有length属性,当然就是undefined了

已采纳回答 / 大炮哥
这是运用CSS的背景位置属性进行设置的,将2张背景图片合并为一张,然后采用background-position属性进行设置,鼠标经过链接时将背景变为第二张,background-position:0 -30px表示向右移动0像素,向上移动30px。

已采纳回答 / 刘一_53707959
你理解错了,首先[0]这个不是指ul标签下的li标签,在这个语义里,它指的是li标签下的第一个ul标签。因为this在这里指代了被你选定的li标签,而这个里标签下面的所有ul标签是用getElementsByTagName("ul")获取的,获取到的这些ul标签你可以把它看成一个数组,而[0]代表了这个数组里面的第一个元素。

已采纳回答 / 慕粉3801737
将a定义为块元素再设置高度,或者设置文字行距

已采纳回答 / 慕粉1471862959
nav  是导航栏标签 li是列表里的项 a是li中用来添加链接和文本的标签   可以在<style></style>中分别设置样式

已采纳回答 / Jeremy_Li
首先我明白你的意思,你陷入了盒子模型的宽高与margin  padding border的关系中。1.一旦你设置了内容的宽和高,那么加入padding是会改变盒子的大小,不会改变内容的宽高 2.如果你没有设置内容的宽高,那么你加入padding值就会改变内容的宽高,比如一段文字在这种情况下是会受到影响的。再来问题的补充,是的,还有border默认也是0,当你修改的时候,就有了。你可以想象成快递包裹,保护商品(内容)的是泡沫(内填充padding,要用多少当然视实际情况来定),再来一个盒子(边框)封装起来,...

已采纳回答 / qq_A米豆腐_0
var aA=document.getElementsByTagName('a'); for(var i=0; i<aA.length; i++){ aA[i].onmouseover=function(){ var This=this; clearInterval(This.time); This.time=setInterval(function(){ This.style.width=This.offsetWidth+8+"px"; if(This.offsetW...

已采纳回答 / 徐大亮
a{display:block; height:30px;text-align:center; line-height:30px; width:120px; ); margin-left:1px;border-radius: 15px 15px 0 0;background-color:silver; }a:hover{background:orange;}我没用背景图,用的圆角属性

已采纳回答 / 慕粉3834184
边框倒角,设置边框变成圆角边框,长宽的1.57倍以上是圆

已采纳回答 / milos
那个图片是自己做的 按照他所知道的px值大小 相当于直接填充到里面去的

已采纳回答 / Accidie漠然
同学,你的<script>放到了<style>里了,当然出不来了.把它放在body里或者head里的style下面,不要放里面.
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消