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

导航条菜单的制作

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

已采纳回答 / 慕仔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>中分别设置样式

已采纳回答 / 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下面,不要放里面.

已采纳回答 / 慕粉3880652
setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。每30毫秒就调用一次function函数,增加一个8px,直到增加至160px,clearInterval清一下this.time

已采纳回答 / lilywang711
window.onload内的js必须等到页面内包括图片的所有元素加载完毕后才能执行。 
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消