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

导航条菜单的制作

江老实 Web前端工程师
难度初级
时长23分
学习人数
综合评分9.53
1004人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.4 逻辑清晰
新手感觉受益匪浅 灰常感谢!!
if (this.getElementsByTagName("ul")[0]){
this.getElementsByTagName("ul")[0].style.height = "120px";
}
if (this.getElementsByTagName("ul")[0]){
this.getElementsByTagName("ul")[0].style.height = "0px";
有些地方容易误导。比如onmouseout函数中使用this而不是This, clearInterval(this.time)是比较具有迷惑性的,因为这个语句写在var This=this之前,所以还不能用This指代this, 而this.time容易被认为是一个还没有被定义的函数。
确实没有听懂, 只能算认识一下, 下面提示不错,使用CSS, 把之前的a:hover 属性设置width:xx
height: margin-top: line-height
background-position
a:hover增加交互效果
text-align:center 水平对齐
ul li 无序列表. hover 鼠标悬停

最赞回答 / 追逐奔跑
代表你现在所触发的元素。例如: for(var i=0; i<aLi.length; i++){  aLi[i].onmouseover=function(){            //鼠标经过一级菜单,二级菜单动画下拉显示出来              this.getElementsByTagName("ul")[0].style.overflow="visible";   比如这里面的this表示的就是aLi[i],如果遍历第i个li,此时的this就是第i个li      。

最赞回答 / FDU_XN
这个不是因为  点击前二级菜单的高度为0 所以不显示的吗?  点击之后给二级菜单 height 赋值 然后显示出来?

最赞回答 / 行恒
我刚刚也想问这个呢,我试了有人说的,全角输入两个空格就可以,半角不可以。比如:首      页    半角输入法四个空格;   首  页     全角输入法两个空格

已采纳回答 / Dosin
oSubNav就是this.getElementsByTagName('ul')[0],oSubNav是遍历所有li,如果当前li下有ul,即当前的li是一级菜单,才继续执行后面的逻辑。为什么要把后面的计时器绑在this上呢?因为每个this也就是每个一级菜单有着一个共同的计时器。假设你迅速的进入、移出,再移入某个一级菜单,因为使用同一个定时器,移出时会清空移入的定时器,移入时清空移出的定时器,二级菜单不会卡壳。如果改成一个普通的变量timer,timer的作用域仅限于该次函数内部调用,移入和移出使用了不...
满脸的懵逼了,生无可恋,待我学完JS再来!

已采纳回答 / hhhs1s1s
把this保存在一个变量This里,This叫什么都行a,b,c,d,.......开始的this是onmouseover那个对象,当把这个对象保存在一个变量里,然后在对这个变量进行各种处理,处理的都是最开始的this对象
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消