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

导航条菜单的制作

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

最赞回答 / 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。

最新回答 / 叫叫叫兽3370901
li不是应该在ul的范围内么,li的颜色怎么跑出ul的宽度呢

最赞回答 / Willsf
background-position是设置背景位置,第一个参数:水平位置(左右)为0是不变化;第二个参数:设置垂直方向 (上下),-30px是向下移动30px。为什么减30px呢?因为这个按钮图片本身是120px*60px,总高度为60px;且已经在a样式里面设置为height: 30px;显示白色背景圆角。所以background-position:0 -30px;就是当你放在按钮时候高度下降30px,就有白色背景变为橙色背景效果。

最新回答 / weibo_一万群什麼_0
要给<li>设置float属性,float:left就可以让标签横着排。

最新回答 / Himushroom
在你这个代码中确实可以不设置,因为a元素把li给支撑起来了

最新回答 / 最近的距离是多少3456060
你这个margin-top:-10px;是给a标签里面用的。所以导致了a元素上移动了10像素的距离,而下面的线是另一个大的父元素ul的下border的值,是不会跟着你移动的,不然你自己可以试试,给a标签加个border-bottom:10px solid #F60,来移动试试就知道了。关键就是它不直接属于a标签里面所以就分开了。希望对你有帮助.

最新回答 / 慕妹5696418
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>导航菜单</title><style>*{margin: 0;padding: 0;font-size: 14px;}ul{list-style: none;height: 50px;padding-left: 30px;border-bottom: 5px solid #F60;}li{float: left;...

最新回答 / 忽如远行客_
额  好像会错你的意思了     抱歉
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消