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

导航条菜单的制作

江老实 Web前端工程师
难度初级
时长23分
学习人数
综合评分9.53
1004人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.4 逻辑清晰
用2.0的速度观看效果不一般
想在一行显示可以 ul{ list-style:none;width:600px;overflow:hidden;}
【孤月王珏】 这个人的话别信 他断章取义而已 并没有弄懂,更没有自己去验证自己说的话是不是真的 。a如果为块级元素 它里面的文本是可以用text-align:center。但是a如果是块级元素的话,他的父元素用text-align:center,是无法让a实现在父元素中居中的。但是如果你需要实现a居中的话用它自身的属性就行,去掉display:block。。。 欢迎拍砖 欢迎访问gelory.me 我的博客
老师这里用的js是有渐变效果的 而css只能实现瞬变
那个叫风起的,你有病吗?怎么什么都喷?人家在评论里问一下怎么了,你TM才是逗逼吧
代码中有错误,要修改一下
This.time=setInterval(function(){
This.style.width=This.offsetWidth+8+"px";
if(This.offsetWidth>=160){
This.style.width='160px';
clearInterval(This.time);
}
},30)
把a:hover的高设为30px,不设行高,你会发现互动效果更强 ,当然还是一切按要求来。
还是女老师讲得详细些啊 会考虑到对于新手会有哪些普遍的疑虑
照猫画虎,用了超级麻烦的办法(汗):
var This = this;
clearInterval(This.time);
This.time = setInterval(function () {
cLi[0].style.height = cLi[0].offsetHeight + 8+'px';
if (cLi[0].offsetHeight >= 120) {
clearInterval(This.time);
cLi[0].style.height = '120px';
}
},40);
这还不懂?hover就是鼠标放上去后的变化。加了10px高(height),但是增加的是下端。想要加到上端就同时再往上挪10px。
挪10px后文字也跟了10px,想让文字往下一点,就增加行高,加了10px,一半加文字上面一半加文字下面。相当于分到文字上面了5px,文字就往下降了5px。就没那么突兀了。自己懂要么就是跑神了要么就是没看前面的课。就别来怪老师了。
内容有点老,不过还是有用的
原来-30后面忘了加px,所以显示不出来,蠢哭了。。。
那个说老师炫技的喷子能滚蛋不?你写个没有任何css样式以及网页特效的网页给用户用吧,技不如人还不虚心请教
懵逼的一节课,前面还懂,后来越快就不行了。
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消