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

导航条菜单的制作

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

最新回答 / qq_风中枫_0
首先,.on和a:hover是对两种元素状态的样式控制,.on是对class为on的元素进行css样式设置,而只有首页具有class为“on”的属性,所以只有它初始状态为红色;a:hover是对鼠标移到a标签之后的样式进行设置,所有的栏目其实都会产生变化,但是首页栏目由于初始样式即(.on)控制的样式和鼠标移到首页上的样式即(a:hover)控制的样式是一样的,所以没有变化。

最新回答 / PersonLF
原因有两个:(1)onmouseout里面应该是clearInterval,而不是setInterval;(2)主要原因a标签设置了左右padding是20px,而width是60px,所以a标签初始的offsetWidth是100;当onmouseover时,a标签+8px,然后再设置a标签的width,此时a标签的width=108px,而a标签的offsetWidth=148px,满足条件,此时清除了定时器。当onmouserout时,启动定时器,a标签的offsetWidth - 8 = 140p...

最新回答 / 无常cc
<...图片...>外部文件打包放在一起之后输入路径就可以自动跳出来然后选择了

最新回答 / 慕仔3028822
通过ID比较好,实际开发的时候元素会很多,通过ID才是好一些的这里教课没有涉及ID,不是重点所以才没有提到ID这个概念 
其实没必要那么麻烦……给a标签的CSS里写上transition:all 1s;之后再hover里加上widht:150px;就可以了

已采纳回答 / wtxy
要看你用什么软件,一般用得比较多的是ctrl+shift+/  或 ctrl+/ ,另外快捷键可以自定义的,如果你不熟悉所用的软件,可以找一些关于这个工具教程看看

最赞回答 / wtxy
我的见解:getElementsByTagName 这个function是JavaScript一个function,可以根据标签(Tag)来获取一个dom对象。所以,var aLi=document.getElementsByTagName('li');是根据‘li’标签获取一个elements数组,,也就是获取到‘li’标签元素的相关信息。类似方法还有,getElementsByClassName,getElementByIdaLi[i].onmouseover=function(){      //鼠...

已采纳回答 / 慕粉2324294556
将nav、li、a这三个的交互效果设置为:当鼠标掠过此区域时,背景颜色变为橙色,文字颜色变为白色

已采纳回答 / 强0426
第一句应该是对所有a标签吧,第二个是针对class=nav,且包含在li中的a,涉及到css选择器的知识。好比你找一个叫a的女孩,和找一个叫a的,读某某大学的,某个寝室的女孩。个人理解,还望指正。

已采纳回答 / wtxy
网上粘来的一段解释:  css里面定义*{padding:0px;margin: 0px;}  * 相当于选择器,代表html所有的元素,包括html标签、body标签等; {}大括号里面写入需要给定的属性和属性值即可。  在css中一开始写入*{padding:0px;margin: 0px;},表示初始化所有的标签元素(具有盒子模型)的内外边距均为0px. 在css里面定义body{padding:0px;margin: 0px;},body只是一个标签,如果它的子标签和该属性均具有继承性,才会继承这...
圆角标签可以用border-top-left-radius和border-top-right-radius来实现,不用添加图片

最新回答 / 慕函数4904647
active是点击时出现的效果,案例中是直接给.nav li a.on这个标签加了背景t图片

最赞回答 / 大胆的欠扁
<a>标签原本是行内元素,可以设置text-align,但是不能设置宽度和高度,当<a>标签设置为块级元素,会同时具有行内元素和块级元素的特征,即可设置text-align,又能设置宽高。
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消