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

导航条菜单的制作

江老实 Web前端工程师
难度初级
时长23分
学习人数
综合评分9.53
1004人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.4 逻辑清晰
  • background-position:x y; x,y是偏移量: 第一个值(x)是水平位置,第二个值(y)是垂直位置。其值可为正负。 实测y值为30px,或为-30px,都可以达到效果。
    查看全部
    0 采集 收起 来源:编程练习

    2015-08-24

  • 给a标签margin-top:-10px
    查看全部
    0 采集 收起 来源:编程练习

    2015-08-24

  • 利用setInterval,设置ul.style.height=ul.offsetHeight+16+"px";实现下拉动画
    查看全部
    4 采集 收起 来源:编程挑战

    2018-03-22

  • 清除计时器:clearInterval 设定计时器:setInterval a标签的宽度:offsetWidth
    查看全部
    0 采集 收起 来源:编程练习

    2015-08-24

  • 可以用script和jQuey脚本来写动画,jQuery比script更为方便,代码简洁!注:当jquery的动画大开时要把上一个动画,清理掉,jquery的清理方法就是stop前一个动画。
    查看全部
  • 1.圆角菜单的制作,通过设置背景,改变外观样式。 通过a:hover,可以为菜单增加交互效果。 2.横向菜单与圆角菜单的却别是:为ul增加一个 装饰线 border-bottom、为a标签添加圆角背景,宽与高相适应、有一个默认的选中状态,所以要为a标签加上一个class"on" 在为它的样式添加上一个on,最后一动它的位置(y,x)
    查看全部
  • js基本懂。
    查看全部
    0 采集 收起 来源:编程挑战

    2015-08-23

  • 清除计时器:clearInterval 设定计时器:setInterval a标签的宽度:offsetWidth
    查看全部
    0 采集 收起 来源:编程练习

    2015-08-23

  • line-height:40px; margin-top:-10px;
    查看全部
    0 采集 收起 来源:编程练习

    2015-08-23

  • a{text-decoration:none;}把链接默认的下划线去掉 ul{list-style:none;}把列表默认的圆点去掉 background-position:0 30px;将背景图片沿y轴向上移动30px显示 background-position:x y; x,y是偏移量: 第一个值(x)是水平位置,第二个值(y)是垂直位置。其值可为正负。 实测y值为30px,或为-30px,都可以达到效果, 圆角css代码:border-radius:4px 4px 3px 3px 顺序是左上角,右上角,右下角,左下角 兼容代码:-moz-border-radius: 15px;
    查看全部
    0 采集 收起 来源:编程练习

    2015-08-23

  • 让垂直变成水平的导航菜单:在li标签上加上:.nav li{float:left;} 水平菜单居中对齐:display:block;text-align:center;
    查看全部
    0 采集 收起 来源:编程练习

    2015-08-23

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

    2018-03-22

  • 给a标签margin-top:-10px
    查看全部
    1 采集 收起 来源:编程练习

    2015-08-23

  • 1.伸缩导航条的制作 将圆角导航条上修改成伸缩导航条! 去挑圆角贴图,给.on,a:hover加会原来的背景颜色。 把a标签的背景图片删掉,给.on,a:hover添加 高度,“重点”:margin可以用负值,相反方向移动。 最后居中,line-height
    查看全部
  • background-position:0 -30px
    查看全部
    1 采集 收起 来源:编程练习

    2015-08-23

举报

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

微信扫码,参与3人拼团

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

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