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

导航条菜单的制作

江老实 Web前端工程师
难度初级
时长23分
学习人数
综合评分9.53
1004人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.4 逻辑清晰
很多人都觉得这节课的内容太难为人,但是想想看这是css学习的最后点点,所以发了个大招,激起了我们对js的学习热情。本人是学过js回来的,现在看这个觉得能看的懂了,这就是我js的学习成果呀!想起来都想为自己抹一把泪
试试margin:-10px;
不用那么麻烦,用jQuery两行代码就能搞定,在head标签加入<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.0.js"></script>引入jQuery库
aLi[i].onmouseover=function(){
$(this).children(".subNav").css("overflow","visible");
}
aLi[i].onmouseout=function(){
$(this).children(".subNav").css("overflow","hidden");
}
楼下的朋友,这里用 text-align:center 是给块级元素内的内容对齐,而不是给块级元素对齐
用CSS3的transition多好,同学代码中找哦
挺实用的,很喜欢
说居中的我真的看不下去了,你就敢确定向右偏移20像素和居中的效果一模一样?人家要求你向右偏移20像素,你偏偏要理解成居中,这智商也是够了。老师教你们一种新的方法你们学会了就行了,又没叫你在居中的时候也要用text-indent。多了一种选择不好?题目要是让你向右偏移10像素呢?你敢说居中和向右偏移10像素效果一样?你敢说以后做的所有导航栏之类的文字都是居中的?才学了多少东西就这么固步自封,无法接受新的思想,乘早别学了。我觉得对于新手的感觉应该是“竟然还可以这样,又学到了。”。
看了评论感觉很好笑,为什么一定要水平居中,如果有时候要求不用水平居中你们是不是就不会了?靠左边多少多少像素就不行了吗?这里居中不见得好看吧?
没有一点点防备,JS JQ就这样出现。。。。。。。计划调整 开始看妙味的JS 教学 有需要资料的小伙伴可以加我1293061491无私奉献,共同进步
现在都用CSS3来实现圆角了。
最后我自己想了一个笨方法解决了。
//这样可以收缩干净,别人写的好像都收缩不干净
b.t=setInterval(
function(){
b.style.height=b.offsetHeight-16+"px";
if(b.offsetHeight>0&&b.offsetHeight<16){
b.style.height="0px";
clearInterval(b.t);
}
},30)
进一步确认,这是以前的视频~~~~
前面有个童鞋说的很多!老师是来炫技的,都是非主流!哈哈
现在css3很容易就实现这个功能了
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消