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

导航条菜单的制作

江老实 Web前端工程师
难度初级
时长23分
学习人数
综合评分9.53
1004人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.4 逻辑清晰
我想用jquery,哈哈。不过他不提供。
呵呵,懂了,这个里面的东西,是拿着JS来解决的,不过,老师,JS我们还没学呢?
说实话,本人前面的教程真的是一节不落,全部看了,这是最后一节,对于这个测验,我只想说一句,不是不会,是压根看不懂,课程没交,新手怎么做?看了别的同学的“同学代码”,我只想说一句,同学,你写出的代码,是在前边哪一节课?你写出的代码,很多不认识,这个测验,确定是用前面的知识来解决的?同意的举个爪!
还是有BUG 全屏才正常,不然切换几个格子快速划几下就会卡主
var This=this是局部定义。。。那个clearInterval是怎么清除反向作用的。。。
aLi[i].onmouseover=function(){ var oSubNav=this.getElementsByTagName('ul')[0]; clearInterval(T); T=setInterval(function(){oSubNav.style.height= oSubNav.offsetHeight+20+"px"; if( oSubNav.offsetHeight>=120)clearInterval(T);},30)}
aLi[i].onmouseout=function(){ clearInterval(T);var oSubNav=this.getElementsByTagName('ul')[0];
T=setInterval(function(){oSubNav.style.height= oSubNav.offsetHeight-10+"px"; if(oSubNav.offsetHeight<=0)clearInterval(T);},30) }}}
a.on, a:hover{ color:#fff;background-color:#F60;height:40px; line-height:40px; margin-top:-10px;}
.nav li a.on, .nav li a:hover{ background-position:0 30px; color:#fff;}
全程抖腿........
这个无限延伸好玩 哈哈
css3...打错了 哈哈
对@xiangchun3补充:
对ccs3不用图片实现圆角按钮的可以去这个网站看看。
传送门:http://webdesignerwall.com/tutorials/css3-gradient-buttons
.nav li{ float:left;}
.nav li a{ display:block; height:30px; line-height:30px; width:100px; background-color:#efefef; margin-bottom:1px; text-align:center;}
display:block;text-indent:20px;
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消