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

导航条菜单的制作

江老实 Web前端工程师
难度初级
时长23分
学习人数
综合评分9.53
1004人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.4 逻辑清晰
老师的讲解让我有种听相声的感觉!!!
超级喜欢这个老师!!!
好像把ul标签中的类去掉,直接在css中使用一个a元素选择器来做,没啥区别啊。
用jquery实现二级菜单
可以用 transform吧
我不行了 我先跳过这里 js我不会!!!
节目制作的太棒了,看着很有意思。
ul标签宽度去掉,a设置为float:left 垂直导航条就变成了水平导航条
因为a标签设置了display:block,变成了内联块状元素,所以必须使用浮动才能浮动到同一行
display:block;
text-indent:20px;
圆角背景那个视频,background-position 为什么水平不动 上下-30呢???还有,那个背景不是上下两个么,“首页加了背景怎么不显示黄色那层呢”???
其实没必要那么麻烦……给a标签的CSS里写上transition:all 1s;之后再hover里加上widht:150px;就可以了
圆角标签可以用border-top-left-radius和border-top-right-radius来实现,不用添加图片
中间几天打游戏忘记学习了,现在看有点跟不上,哭....要回头继续复习才行。打卡
var oSubNav=this.getElementsByTagName('ul')[0];
oSubNav.style.overflow="visible ";
}
//鼠标离开菜单,二级菜单动画收缩起来。
aLi[i].onmouseout=function(){
var oSubNav1=this.getElementsByTagName('ul')[0];
oSubNav1.style.overflow="hidden";
<style type="text/css">
*{margin:0; padding:0; font-size:14px;}
ul{ list-style:none; width:100px}
a{color:#333;text-decoration:none}
首页上一页1234567下一页尾页
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消