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

导航条菜单的制作

江老实 Web前端工程师
难度初级
时长23分
学习人数
综合评分9.53
1004人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.4 逻辑清晰
老师这里用的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样式以及网页特效的网页给用户用吧,技不如人还不虚心请教

最新回答 / qq_我叫红领巾_2
计时器setInterval()得到的返回值赋给This,time    这样在清除计时器的时候直接调用This.time就可以了
懵逼的一节课,前面还懂,后来越快就不行了。
菜单<li>浮动后,<li>脱离文档流,导致<ul>将失去高度和宽度;如果需要对<ul>进行整体背景设置,首先要给<ul>定义宽、高。

最新回答 / 786542946
.on是新定义的 一个类选择器。<li><a class="on" href="#">首  页</a></li>  这里用到了。
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消