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

导航条菜单的制作

江老实 Web前端工程师
难度初级
时长23分
学习人数
综合评分9.53
1004人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.4 逻辑清晰
一脸懵逼。
一脸懵逼~~
好吧。先按照老师的写一遍,等我学懂JS和JQ后,再来寄几写一遍。。。。。。。。。。。。。

已采纳回答 / 小呀嘛小白菜
这么看你的css语法是没有问题的,你应该检查一下你的html代码是不是出错了,是不是逻辑写的有问题,导致css样式没有作用到上面
老师讲得简洁明了,受益~~

已采纳回答 / 前端小菜鸟_2017
首页呈选中状态是因为设置了 class=“on”, 不是因为hover。 <a  class="on" href="#">首    页</a></li>
用内联样式也可以
首页之间怎么空格呢?
要用display: inline-block; 或者display: inline;
老师写的这个代码还是有漏洞的,就是有时候不能准确的停在目标点。就比如说你要停在120px的话,当当前位置是118px时还没有到达120px,定时器不会关闭,但是一加上8px; width就是226px;这时候就会停止定时器。width就变成226px了,比原来目标120px,多了6个px!
试试不用JS,用CSS:
ul&gt;li ul{transition:height 0.3s;}

ul&gt;li:hover ul{height: 120px;}
哈哈,以前我学到这里的时候我果断放弃这个转战js 了,现在js学完了,准备回来把这个干掉,结果发现后面部分他有开始说jQuery了。哈哈哈,学完js,完美的运动框架,解决你能看到的百分之九十的运动!666666
a{transition:width 0.5s ease-out 0.3s;
-webkit-transition:width 0.5s ease-out 0.3s;
-moz-transition:width 0.5s ease-out 0.3s;
-o-transition:width 0.5s ease-out 0.3s;}

a:hover{
width:150px;
}
a被设置成block的时候,这个无序列表前面的小黑点就自动没有了,所以ul {}中的list-style:none可以不写,大家试试!

最新回答 / 独客
 aLi[i].onmouseover=function(){            var oSubNav=this.getElementsByTagName('ul')[0];            if(oSubNav){            var This=oSubNav;            clearInterval(This.time);            This.time=setInterval(function(){                    This.style...
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消