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

导航条菜单的制作

江老实 Web前端工程师
难度初级
时长23分
学习人数
综合评分9.53
1004人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.4 逻辑清晰
觉得难的话,可以来看一下我的总结,希望你们加油哈。地址: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>
$(document).ready(function(){
$('li').hover(function(){
$(this).children().css('overflow','visible');
},function(){
$(this).children().css('overflow','hidden');
})
})
有背景图片的大佬发给我呗
.nav li a{ display:block;text-indent:20px;height:40px; line-height:40px; width:100px; background-color:#efefef; margin-bottom:2px;}
空格用 累死你,直接用 就行了
老师讲解的很独特,很到位。
龚小样是对的,孤月王珏的话别听啊,不知道是谁自作聪明呢
aLi[i].onmouseover=function(){
var that = this.getElementsByClassName("subNav")[0];
var addHeight = 0;
var addEvt = setInterval(function(){
addHeight += 30;
if(addHeight > 120){ clearInterval(addEvt); };
that.style.height = addHeight + "px";
}, 20);
}
aLi[i].onmouseover=function(){

var that = this.getElementsByClassName("subNav")[0];
var addHeight = 0;
var addEvt = setInterval(function(){
addHeight += 30;
if(addHeight > 120){ clearInterval(addEvt); };
that.style.height = addHeight + "px"; }, 20);
}
爱楼来,哈哈哈
text-decoration是啥意思呀
为什么ul标签宽度去掉,li设置为float:left才有效
谁要答案,留言
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消