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

导航条菜单的制作

江老实 Web前端工程师
难度初级
时长23分
学习人数
综合评分9.53
1004人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.4 逻辑清晰
觉得老师讲的挺好的 适合有一点点基础的人看 没基础的还是去学习一下JS DOM最基础再回来看下吧
点赞最多的CSS3方法很实用,请牢记,但在课程中请勿使用,因为课程是培养JS代码的能力和思路。
我去啃Ajax了。。。
看不懂本节的请直接跳过,学习完JS与JQUERY基础后再回头,效果特好。
$(function(){
$('.nav>li').hover(
function(){
$('ul',this).stop().animate({'height':'120px'},500,'linear')
},
function(){
$('ul',this).stop().animate({'height':'0px'},500,'swing')
})
})
菜单<li>浮动后,<li>脱离文档流,导致<ul>将失去高度和宽度;如果需要对<ul>进行整体背景设置,首先要给<ul>定义宽、高
这就是给零基础讲的。自己不用心听,有必要跟你炫技?你有那么重要么
1.通常用 html 中的什么标签来构建导航条菜单?
你的答案是B,答对了!
解析
一般都使用 “ul\li” 来制作“菜单导航条”
这BGM用2倍速听起来好有百老汇感觉
还是把首页那个样式去除了,看上去和谐一点
超快速地移入移除就出现bug了
还是有bug,超快速地移入移除就出现bug了
且不说用图片做圆角不是最好的方法,这个图片的宽已经固定了,不适合扩展,如果需要扩展,这种方法就不适用了,得设置多层背景嵌套达到圆角并且可以扩展的效果
border-radius 的四个值是不是左上,右上,右下,左下 顺时针表示
用border-radius不好吗,为什么要贴图
用border-radius写的,希望可以给大家参考
a{color:black; text-decoration: none;display: block;background-color: #ccc;height: 25px;
width: 100px;text-align: center;line-height: 25px;border-top-left-radius: 12px;
border-top-right-radius: 12px;}
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消