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

导航条菜单的制作

江老实 Web前端工程师
难度初级
时长23分
学习人数
综合评分9.53
1004人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.4 逻辑清晰
老师讲的很好没废话,讲的也很清楚
简单学点JS,再学点jQuery,轻松看懂
谢谢老师,学习到了。

已采纳回答 / 牙尖十怪
你只单纯看<a>标签的效果是看不出来什么的。a标签在HTML中不是块状元素,display:block的作用就是用来把a标签转换成和div那样的块状元素,能够设置宽高被支撑起来,display:inline-block则是在把a标签转换成块元素的同时,会影响它周边的同级元素,强制让它们和a标签在同一行内。简单来说,两个属性都是转换为块元素,所以你只看a标签是看不出效果的,display:inline-block受影响的是它周边的元素。

已采纳回答 / Perona
这样就可以定义宽高等,让a标签拥有块级元素的属性。
怎么出来个js............
楼下的,html里多个空格只会识别出一个的,这里打四个空格就行了,可以用&amp;nbsp代替空格就行了
讲的很直接!
@dykeys 嗯 ,像他所说 , 测试了一下最后两题 ,js效果的 ,两处都有一个相同的bug ,那就是都在未判定之前 ,执行了一次累加宽度或者高度 ,所以在下拉菜单时候特别明显, 假如在下拉菜单上下移动不跳出即onmouseover , 可以看到页面被拉的越来越长 , 也就是先累加一次再判定再跳出 . 所以 ,该在累加前加一次判定 . This.time=setInterval(function(){
if(This.offsetHeight&gt;=180){
clearInterval(This.time);}
else{..........}
哈哈 ,虽然内容较基础 , 不过我学会了两个js效果 ,谢谢.

最新回答 / 蘑小菇
你的写法和老师的不一样,照你的写法,你把菜单大部分的样式都写在<a>标签里,那么久把float:left;写在<a>标签里就可以浮动了  亲测有效

最新回答 / 陈_chen
ul宽度太小,放不下浮动的li,li会自动到下一行显示。
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消