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

导航条菜单的制作

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

最新回答 / baby执着于梦想
自己用html页面制作一个  可能是电脑没有满屏的原因
为啥不能用margin-bottom:10px; 而只能用margin-top:-10px;

最新回答 / 小远远不说远
自行设置图片的高度不可以吗!用css样式
在幕课这里的时候确实还没学javascript,很多语句都不知道。jquery也不懂。

已采纳回答 / 慕粉3914370
增加的是offsetWidth属性,offsetWidth = width + padding + border

最新回答 / 小白_0001
他是直接给了首页一个class叫on,然后给on设置了css样式,只不过他省略了.on{background-position:0 -30px;color:#FFF;}.

已采纳回答 / 学习改变再出发
background-position:第一个值是水平位置 第二个值是垂直位置。

最新回答 / Angel帝豪
//鼠标经过一级菜单,二级菜单动画下拉显示出来        aLi[i].onmouseover=function(){          var oSubNav=this.getElementsByTagName('ul')[0];          if(oSubNav){          var This=oSubNav;          clearInterval(This.time);          This.time=setInterval(function(){          ...
额,JS的效果就是使拉伸有个动画过程,如果只是CSS改的话,没有动画的拉伸过程
// 动画下拉
var subNavEle = this.getElementsByTagName("ul")[0];
var addHeight = 0;
var addEvt = setInterval(function(){
addHeight += 30;
if(addHeight > 120){
clearInterval(addEvt);
}
subNavEle.style.height = addHeight + "px";
}, 200);

最新回答 / 慕少9299533
.nav li a.on, .nav li a:hover{ color:#fff;background-position:0 -30px;}因为class=“on”,在如上所示这里,需要设置,使达到默认,“首页”两字这里显示黄色背景
一到这种章节就感觉自己弱爆了,哎
用animation和keyframes做更快
用$(document).ready习惯了
用CSS3的同学,等到要你去兼容ie9以下你就知道用js的重要性
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消