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

形形色色的下拉菜单

难度初级
时长 3小时21分
学习人数
综合评分9.57
145人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.5 逻辑清晰
  • 选择器的优先级: 1. 内联样式表的权值最高 1000; 2. ID 选择器的权值为 100 3. Class 类选择器的权值为 10 4. HTML 标签选择器的权值为 1
    查看全部
  • 样式的优先级 多重样式(Multiple Styles):如果外部样式、内部样式和内联样式同时应用于同一个元素,就是使多重样式的情况。 一般情况下,优先级如下: (外部样式)External style sheet <(内部样式)Internal style sheet <(内联样式)Inline style 有个例外的情况,就是如果外部样式放在内部样式的后面,则外部样式将覆盖内部样式。
    查看全部
  • .top-nav a:hover{margin-top:-20px;}
    查看全部
    0 采集 收起 来源:编程练习

    2015-08-21

  • 标签名获取方法:getElementsByTagName();
    查看全部
    0 采集 收起 来源:编程练习

    2015-08-21

  • 一. 一级菜单设置 1.设置CSS样式,使一级菜单横向显示,位于一行中. float:left; 二. 二级菜单设置 2.给”课程大厅”菜单,添加二级菜单(JavScript/JQuery两项),并带链接. <ul> <li><a href="#">JavaScript</a></li> <li><a href="#">JQuery</a></li> </ul> 三. 隐藏二级菜单 3. 设置CSS样式,让二级菜单隐藏 display:none; 四. 显示二级菜单 4. 设置CSS样式,让二级菜单显示 ul li:hover ul{display:block;}
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 1.在一级菜单中要实现背景颜色的变化,使li的宽度和a的宽度一样在css样式中设置a{display:block;}2.二级菜单的宽度不影响一级菜单的宽度要设置二级菜单绝对定位
    查看全部
  • 使用CSS设置鼠标移动到一级菜单时,二级菜单显示,三级菜单隐藏 2、使用CSS设置鼠标移动到二级菜单时,三级菜单显示 3、对IE6做兼容性处理。判断是否为IE6。 4、设置IE6中鼠标移动到LI元素上时,UL元素显示。
    查看全部
    0 采集 收起 来源:编程练习

    2015-08-12

  • 2222
    查看全部
    0 采集 收起 来源:编程练习

    2015-08-12

  • 11111
    查看全部
    0 采集 收起 来源:编程练习

    2015-08-12

  • 1、设置正常状态英文菜单隐藏 2、鼠标移动到链接上面时将英文菜单显示 3、鼠标移动到链接上面时将中文菜单位置上移
    查看全部
    0 采集 收起 来源:编程练习

    2015-08-12

  • 一.调用jQuery库 1 .在第17行编写代码,引用jquery库. 注: jQuery库地址:http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js 二. 编写显示子菜单函数 2.在第21行,使用$,并通过class名获取一级菜单li 3.补充第22行代码,通过children()找到li的孩子元素ul. 4.补充第22行代码,使用show()方法, 显示二级菜单 三. 编写隐藏子菜单函数 5.补充第27行代码,使用hide()方法, 隐藏二级菜单.
    查看全部
    0 采集 收起 来源:编程练习

    2015-08-12

  • 一. 隐藏二级菜单 1 .补充第15行代码,设置CSS样式,让二级菜单隐藏 二. 编写显示子菜单ShowSub()函数 2. 补充第19行代码,使用getElementsByTagName获取二级菜单项. 3. 补充第20行代码,通过style.display设置二级菜单显示. 三. 编写隐藏子菜单HideSub()函数 4. 补充第25行代码,通过style.display设置二级菜单隐藏. 四. 添加鼠标事件 5.给有二级菜单的一级菜单添加鼠标事件,并调用showsub()/hidesub()函数,实现鼠标经过一级菜单, 二级菜单显示和隐藏.
    查看全部
    0 采集 收起 来源:编程练习

    2015-08-12

  • 一. 一级菜单设置 1.设置CSS样式,使一级菜单横向显示,位于一行中. 二. 二级菜单设置 2.给”课程大厅”菜单,添加二级菜单(JavScript/JQuery两项),并带链接. 三. 隐藏二级菜单 3. 设置CSS样式,让二级菜单隐藏 四. 显示二级菜单 4. 设置CSS样式,让二级菜单显示
    查看全部
    0 采集 收起 来源:编程练习

    2015-08-12

  • 1111
    查看全部
    0 采集 收起 来源:编程练习

    2015-08-11

  • 功能属性
    查看全部

举报

0/150
提交
取消
课程须知
1.您至少具备Html、Css相应的基础知识。 2.您须了解JavaScript和jQuery基础语法和引用方法;
老师告诉你能学到什么?
运用CSS、JavaScript和jQuery三种技术实现下拉菜单制作方法。

微信扫码,参与3人拼团

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

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