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

导航条菜单的制作

江老实 Web前端工程师
难度初级
时长23分
学习人数
综合评分9.53
1004人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.4 逻辑清晰
我只能走到這了,再見各位同學。
用css来投机取巧了。

去掉 .subNav 中的height

新增:
.nav>li .subNav li{
height:30px;
display:none;
}

.nav>li:hover .subNav li{
display:block;
}

完成了。

最新回答 / 慕莱坞833307
  clearInterval(This.time);-->在前;This.time=setInterval(function(){  -->在后先定义才行吧

已采纳回答 / qq_世界左右丈量阳光_0
if(oSubNav)相当于if(oSubNav=true) 只是简略写法而已
一脸懵逼的进来,一脸懵逼的出去
纠结了 写一样 效果确不一样
JavaScript是非常强大,也是必须学的,如今老师只是领进门而已。不会用JavaScript实现该效果的,可以试试用CSS来实现,不要仅仅局限在语言上。可以来围观我的一些总结,2018,大家加油啊。地址:https://github.com/CruxF/IMOOC/tree/master/HTML_CSS
练习的时候可以模仿老师,然后再根据自己的理解重新写一套实现方法就好了嘛。说再多都不如动动手指,欢迎来围观,欢迎来批评,求大腿抱。地址:https://github.com/CruxF/IMOOC/tree/master/HTML_CSS
这种实现方法其实已经过时了,可以来看看我的简单分析。地址:https://github.com/CruxF/IMOOC/tree/master/HTML_CSS
源码,以及简单的分析这都有。地址:https://github.com/CruxF/IMOOC/tree/master/HTML_CSS
超级老视频啦,不过还是有很多看点的,可以来看看我的总结。地址:https://github.com/CruxF/IMOOC/tree/master/HTML_CSS
觉得难的话,可以来看一下我的总结,希望你们加油哈。地址:https://github.com/CruxF/IMOOC/tree/master/HTML_CSS
text-align:center 明明就可以用。
<script>
var aA=document.getElementsByTagName("a")
for(var i=0;i<aA.length;i++){
aA[i].onmousemove=function(){
this.style.width=140+"px"
this.style.transition="all,1s"}
aA[i].onmouseout=function(){
this.style.width=100+"px"
this.style.transition="all,1s"}
}
</script>

最新回答 / qq_筑城以北_04274162
heigt:30写错了,设置的时候也需要调一下 的,文字有可能会超出,你而且后面忘记加上px像素了
$(document).ready(function(){
$('li').hover(function(){
$(this).children().css('overflow','visible');
},function(){
$(this).children().css('overflow','hidden');
})
})
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消