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

导航条菜单的制作

江老实 Web前端工程师
难度初级
时长23分
学习人数
综合评分9.53
1004人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.4 逻辑清晰
老师好像就是为了讲课而讲课
不错不错,受益匪浅
老师好像就是为了讲课而讲课
获益匪浅,谢谢老师!
I will be back.
先欠著,I will be back.
感觉老师求快,有些东西没有讲全
e.onmouseout = function(){
subNav = this.getElementsByClassName('subNav');
if (subNav && subNav.length >0)
subNav[0].style.overflow ='hidden';
}
});
}
//两部分连在一起看,否则会报错
window.onload=function(){
var aLi = document.getElementsByTagName('li'),
subNav = null;
[].forEach.call(aLi,function(e){
e.onmouseover = function(){
subNav = this.getElementsByClassName('subNav');
if (subNav && subNav.length >0)
subNav[0].style.overflow ='visible';
}
@旦宅 你真会玩 精分现场啊
有C JAVA基础的同学,这段JS代码应该很简单
看不懂JS的 都去学CSS3吧,这个效果已经不用JS实现了
然而现在的CSS3只需要transition和把width改成你需要的宽度就行了,前端更新的很快啊,同志还需努力,革命尚未成功!
padding-top:10px; margin-top:-10px; 实现了垂直高度变化,但文字没有垂直居中
height:40px;line-height:40px;margin-top:-10px:所以还是使用老师的方法比较好。先保证文字居中,再向上移动增加出的px
这个是2013年录的视频,css3还没普及
设置height和line-height相同的效果是:垂直居中,或者margin:0 auto
文字居中:text-align:center,缩进是什么鬼
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消