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

导航条菜单的制作

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

已采纳回答 / 7哥哥
background-position 属性设置背景图像的起始位置。第一个值是水平位置,第二个值是垂直位置。注意和margin的属性区分。

最新回答 / 恋雪3488820
这个是驼峰命名法,除第一个单词之外,其他单词首字母大写,这个是随意命名的,你也可以命名为oA!
Hi6
需要图片代码的 可以参照视频下方【资料下载】 里面有对应视频资料
用CSS的方法一样可以达到这个效果啊,参数还少多了。之前触发事件是往上,只要触发事件改成左右就行了呀~~
突然来个JS……懵B了
听到熟悉的:“啊” 我就知道是那个老师了~哈哈哈~~

已采纳回答 / 慕无忌1199347
你设置鼠标移除动画setInterval前面没有用thisPara.time接收。导致clearInterval的时候参数undefined。
记下笔记,通过 CSS3,我们可以在不使用 Flash 动画或 JavaScript、JQuery 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果。过渡属性transition向宽度、高度和转换添加过渡效果,但是IE9以及更早的版本,不支持transition 属性;Chrome 25 以及更早的版本,需要前缀 -webkit-【transition:width 0.5s, height 0.5s,】。当鼠标悬浮在无序列表上方时,向元素添加的高度也要大于最好等于要显示的二级菜单高度【4 X 30px】。
恶补js去了
a.on, a:hover{ color:#fff;background-color:#F60;height:40px; line-height:40px; margin:-10px;}
好喜欢这个老师的教学风格

最赞回答 / C0EEC3F7BBAA
你要先回视频里看一下背景图,上面是灰色圆角,下面是橙色圆角,高度有限默认只显示出来上半部分也就是灰色圆角部分,hover时候让背景图向上移动也就是-30px就只显示背景图的下半部分也就是橙色圆角了。以此来实现悬停背景变换
不用border-radius是因为视频比较老,要兼容低版本浏览器呀。
不学js能会这个?

最赞回答 / weibo_卧蚕哥哥的甜品公举_0
如果你设置了ul宽度值的话,li左浮动了以后,外面包裹着li的ul宽度值太小,你设置了左浮动它没办法显示出水平的效果,最好是把ul的宽度值去掉,让它自适应,这样就不会因为宽度不够而显示不出我们设置的样式了,个人浅见
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消