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

导航条菜单的制作

江老实 Web前端工程师
难度初级
时长23分
学习人数
综合评分9.53
1004人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.4 逻辑清晰
  • margin可以用负值,表示用相反方向移动。
    查看全部
  • background-position 属性设置背景图像的起始位置。
    查看全部
    0 采集 收起 来源:编程练习

    2016-07-20

  • 1.如果要给水平菜单增加整体背景,需要对(width和height)进行哪些CSS设置?
    查看全部
    0 采集 收起 来源:练习题

    2016-07-20

  • 一般都使用 “ul\li” 来制作“菜单导航条”
    查看全部
    0 采集 收起 来源:练习题

    2016-07-20

  • 基本的样式清除: *{margin:0;padding:0} 无序列表圆点去除: ul{list-style:none} 下划线去除: a{text-decoration:none} 文本缩进标签 text-indent 不会影响总体宽度(padding会) 需要将a标签设置为块元素,才能设高宽、hover效果 代码:a{display:block} hover格式 a:hover{}
    查看全部
  • display:inline-block 来制作水平导航,这里用浮动只是有这个效果,就如同学提到的,其实ul并没有实际宽度,因为li使用了浮动。
    查看全部
    0 采集 收起 来源:编程练习

    2016-07-19

  • window.onload=function(){ var aA=document.getElementsByTagName('a'); for(var i=0; i<aA.length; i++){ aA[i].onmouseover=function(){ var This=this; clearInterval(This.time); This.time=setInterval(function(){ This.style.width=This.offsetWidth+8+"px"; if(This.offsetwidth>=160) clearInterval(This.time); },30) } aA[i].onmouseout=function(){ clearInterval(this.time); var This=this; this.time=setInterval(function(){ This.style.width=This.offsetWidth-8+"px"; if(This.offsetWidth<=120){ This.style.width='120px'; clearInterval(This.time); } },30) } } } jquery: $(function(){ $("a").hover(function(){ $(this).stop().animate("width",160); }) $("a").hover(function(){ $(this).stop().animate("width",120); }) })
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • a:hover{}鼠标指向的地方增加交互效果
    查看全部
  • 只移动内容不移动边框,用padding .nav li a.one, 格式,这样的样式才会有效
    查看全部
    0 采集 收起 来源:编程练习

    2016-07-19

  • background-position:x y x等于平行轴 y等于竖行轴。 x y的取值可以为正数,也可以是负数
    查看全部
    0 采集 收起 来源:编程练习

    2016-07-19

  • 菜单<li>浮动后,<li>脱离文档流,导致<ul>将失去高度和宽度;如果需要对<ul>进行整体背景设置,首先要给<ul>定义宽、高。
    查看全部
    0 采集 收起 来源:练习题

    2018-03-22

  • 菜单<li>浮动后,<li>脱离文档流,导致<ul>将失去高度和宽度;如果需要对<ul>进行整体背景设置,首先要给<ul>定义宽、高
    查看全部
    0 采集 收起 来源:练习题

    2018-03-22

  • background-position的什么意思 background-position是设置背景位置,第一个参数:水平位置(左右)为0是不变化;第二个参数:设置垂直方向 (上下),-30px是向上移动30px。为什么减30px呢?因为这个按钮图片本身是120px*60px,总高度为60px;且已经在a样式里面设置为height: 30px;显示白色背景圆角。所以background-position:0 -30px;就是当你放在按钮时候高度上升30px,就有白色背景变为橙色背景效果。
    查看全部
  • 基本的样式清除: *{margin:0;padding:0} 无序列表圆点去除: ul{list-style:none} 下划线去除: a{text-decoration:none} 文本缩进标签 text-indent 不会影响总体宽度(padding会) 需要将a标签设置为块元素,才能设高宽 代码:a{display:block} hover格式 a:hover{}
    查看全部
  • window.onload=function(){}这行代码的意思是等dom加载完之后再执行如下代码啊
    查看全部

举报

0/150
提交
取消
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

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

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