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

导航条菜单的制作

江老实 Web前端工程师
难度初级
时长23分
学习人数
综合评分9.53
1004人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.4 逻辑清晰
我感觉把代码能删了又不改动表现形式的都是删的漂亮
菜单<li>浮动后,<li>脱离文档流,导致<ul>将失去高度和宽度;如果需要对<ul>进行整体背景设置,首先要给<ul>定义宽、高。
.{margin:0; padding:0;} 全局基本样式清除
display:block 转换为块级标签
display:inline 转换为内联标签
display:inline-block 转换为内联块级标签
list-style:none 清楚ul或ol列表中li标签前面的项目符号
text-decoration:none 清除下划线
text-decoration:line-through 添加删除线
text-indent:2em 设置文本缩进为字号的2倍
a:hover{} 定义鼠标滑过时的链接颜色
其实 不用JS 和JQ 也可以实现 二级菜单
贴图是啥hhhhhhhhhhhh
html+css基础不是说了块级元素用text-align:center会失效,是不能用的吗?标签都已经display:block块级化了,怎么还能用text-align:center呢???????????
大家,晚上好
为什么a设置成块级元素后我用text-align:center;还是可以居中???
经过我的研究发现有一种方法很简单,首先我们先要知道二级菜单隐藏的原理,一级菜单是浮动的、设置了相对定位、且是有高度的。
二级菜单绝对定位于一级菜单,因为一级菜单设置的高度不足于显示二级菜单,原样式设置了hidden,溢出的内容被修剪不显示,只要我们在鼠标移至该ul时,把hidden改为visible,溢出的内容不被修建,且呈现在ul元素框之外。
var sunNav=this.getElementsByTagName("ul")[0]; //2
sunNav.style.overflow="visible";
这一行同2
sunNav.style.overflow="hidden";
有个疑问,就是 鼠标多次点击一个li的时候,那个框多逐渐增大是什么原因
没听懂老师讲的
用css直接一句话就可以搞定了啊。
不过那个无线延长的动画效果还是蛮好玩哒哈哈哈哈哈哈哈
学完javascript基础课程的我看懵比了。又得重新学一遍
看懵比了,讲的这么快
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消