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

导航条菜单的制作

江老实 Web前端工程师
难度初级
时长23分
学习人数
综合评分9.53
1004人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.4 逻辑清晰

已采纳回答 / 小呀么小二郎呀
菜单<li>浮动后,<li>脱离文档流,导致<ul>将失去高度和宽度;如果需要对<ul>进行整体背景设置,首先要给<ul>定义宽、高。

已采纳回答 / 慕莱坞9220042
定义和用法clear 属性规定元素的哪一侧不允许其他浮动元素。说明clear 属性定义了元素的哪边上不允许出现浮动元素。在 CSS1 和 CSS2 中,这是通过自动为清除元素(即设置了 clear 属性的元素)增加上外边距实现的。在 CSS2.1 中,会在元素上外边距之上增加清除空间,而外边距本身并不改变。不论哪一种改变,最终结果都一样,如果声明为左边或右边清除,会使元素的上外边框边界刚好在该边上浮动元素的下外边距边界之下。

已采纳回答 / 慕莱坞9220042
一般都使用 “ul\li” 来制作“菜单导航条,有序列表一般在有顺序情况下使用,如“最热下载”列表。

已采纳回答 / 7哥哥
background-position 属性设置背景图像的起始位置。第一个值是水平位置,第二个值是垂直位置。注意和margin的属性区分。

最新回答 / 恋雪3488820
这个是驼峰命名法,除第一个单词之外,其他单词首字母大写,这个是随意命名的,你也可以命名为oA!

已采纳回答 / 慕无忌1199347
你设置鼠标移除动画setInterval前面没有用thisPara.time接收。导致clearInterval的时候参数undefined。

最赞回答 / C0EEC3F7BBAA
你要先回视频里看一下背景图,上面是灰色圆角,下面是橙色圆角,高度有限默认只显示出来上半部分也就是灰色圆角部分,hover时候让背景图向上移动也就是-30px就只显示背景图的下半部分也就是橙色圆角了。以此来实现悬停背景变换

最赞回答 / weibo_卧蚕哥哥的甜品公举_0
如果你设置了ul宽度值的话,li左浮动了以后,外面包裹着li的ul宽度值太小,你设置了左浮动它没办法显示出水平的效果,最好是把ul的宽度值去掉,让它自适应,这样就不会因为宽度不够而显示不出我们设置的样式了,个人浅见

最赞回答 / qq_加菲喵_0
因为他给的图片<...图片...>是120x60  看下边代码中.nav li a的设置 height30px width120px 刚好默认图片加载到上半部分, 点的时候要显示红色就让他向上移动30px刚好显示到下半部分图片 就达到了显示红色的目的<...code...>

最赞回答 / 紫菜中毒
背景图片不设置相关显示格式时,图片大小会依照当前内容(width:20;height:30px)的大小 对比自身(width:30px;height:50px)来显示只会显示图片左上角将近一半的面积;如果当前内容(width:60;height:50px)图片就是会显示两张;

最新回答 / 水秋玄
这里是判断是否存在,删除可以,但是移动到没有下拉菜单的li会报错(控制台),刚试过了。

最赞回答 / DQJ俊逸
var oSubNav=this.getElementsByTagName('ul')[0];//代码是不是有这么一段 var aLi=document.getElementsByTagName('li');document代表文档流。就是现实html标签和文本的窗口getElementsByTagName("li")这是一个获取元素的方法,通过标签名字去获取,什么标签名字呢——"li";在文档流下的“li”元素肯定不止一个吧,所以他返回给你的是一个HTML元素集合,他有数组的一些特性,比如下标([0],...

最新回答 / 深夏之叶
<...图片...><...图片...>第一张图是我写代码验证的a标签的盒子模型图,第二张图是对应的li标签的盒子模型图,我设置a标签的padding-left为10px之后,在li标签中的盒子模型中宽度是130,而不是140呀。不懂为什么老是那里说整体的宽度还会再增加10。
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消