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

导航条菜单的制作

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

已采纳回答 / 桥风L
把这句删掉就可以了aLi[i].getElementsByTagName("ul")[0].timer=null;

已采纳回答 / DIYER小燕子
你的第一个和第二个this还是指的a元素,但是你的this.style.width以后的this就已经不是a元素,它已经和函数有了关系。你可以用console.log(this)把不同的this打印出来,你就知道this是不断在变化的,所以我们需要在一开始就将需要操作的this用变量保存起来。

已采纳回答 / Xino
padding是盒子的内边距,padding大了,盒子一定,里面的图片自然就小了

已采纳回答 / 皇国国熙
var This=this   ,this赋值于This,,,应该两个都是一样意思的吧,都通用不影响吧,纯属个人理解,同求准确答案

已采纳回答 / 陈微语
图片的样式你可以看前面的视频,有说明。大概就是一个120px * 60px 的图片,上面30px是灰色的,下面30px是橘黄色的。把这张图片设为背景的话,默认background-position:0 0;也就是距离左边0px,距离上面0px ,刚好是对应图片的灰色区域 ;设置background-position:0, -30px ;就是距离左边0px ,距离上面-30px(图片整体上移30px) ,所以你看到的背景就变成橘黄色咯。

已采纳回答 / DQJ俊逸
不是由于你设置了宽他就换行了 是你设置了足够长的宽他才换行的 你有5个li,每个li的width是100px 也就是说你ul的width小于500px的时候他就会被挤下来 你没给ul设置width的时候 他就是100%,默认是父元素的 如果他的向上每一个父元素都没有设置 就是浏览器的width 所以当你缩小窗口的时候 也就改变了ul的width,不够宽就被挤下来了

已采纳回答 / 不会不要小钱钱
function(){$(this).stop().animate({"width":"160px"},200);},function(){$(this).stop().animate({"width":"120px"},200);} 2个function中间有个逗号没加

已采纳回答 / weibo_方便面不都是碎的么_0
因为这里讲的css是不能有延迟动画的  只能一瞬间把高度 宽度改变  没有动画效果  css3好像可以实现

已采纳回答 / qq_吥棄__0
在类选择器是“nav”下的li下的a的类 “on”在类选择器是“nav”下的li下的a的伪类":hover"

已采纳回答 / 世界的我
因为前面还有一个.nav li a{     display:inline-block;     text-indent:10px;    height:30px; line-height:30px; width:100px; background-color:#efefef; margin-bottom:1px;}这里把整个a标签的背景设为一个颜色了,此时这个样式的权值比a:hover高,导致其失效。

已采纳回答 / qq_紫牛_1
stop()方法还提供了两个参数,clearQueue和gotoEnd,都是boolean值,因为会出现多次点击和移除光标事件,故需要用参数来解决,代码改正如下:    $(function(){        $("a").each(function(index){            $(this).hover(function(){                $(this).stop(true,true).animate({                    width: "+=30px"...
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消