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

形形色色的下拉菜单

难度初级
时长 3小时21分
学习人数
综合评分9.57
145人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.5 逻辑清晰
  • mark
    查看全部
    0 采集 收起 来源:编程练习

    2014-11-13

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

    2014-11-13

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

    2014-11-13

  • 链接有4种状态,分别是未访问状态、鼠标悬停状态、激活状态、已被访问状态。控制这四个状态的分别是4个伪类::link :hover :active :visited
    查看全部
  • CSS display属性 一般在CSS布局制作时候,常常会用到display对应值有block、none、inline这三个值。 display:block : 块对象的默认值。用该值为对象之后添加新行 display:none : 隐藏对象。与visibility属性的hidden值不同,其不为被隐藏的对象保留其物理空间 display:inline : 内联对象的默认值。用该值将从对象中删除行
    查看全部
  • 一般在CSS布局制作时候,常常会用到display对应值有block、none、inline这三个值。 display:block : 块对象的默认值。用该值为对象之后添加新行 display:none : 隐藏对象。与visibility属性的hidden值不同,其不为被隐藏的对象保留其物理空间 display:inline : 内联对象的默认值。用该值将从对象中删除行
    查看全部
  • 在javascript中方法名称区分大小写
    查看全部
  • function show(li){ var submenu=li.getElementsByTagName("ul")[0];//可以获得二级标签 submenu.style.display="block"; }
    查看全部
  • 中英文切换菜单 1、其中一种语言作用行级标签包围,比如span/i等 2、子级中使用浮动 float,则父级清除 overflow:auto/hidden 3、鼠标划过时子级上移,并且 span 显示
    查看全部
    0 采集 收起 来源:编程练习

    2014-11-26

  • jQuery方法实现下拉菜单显示和隐藏 1、引入 jQuery 库(方法:下载到本地、引用在线服务器上的) 2、在子列表中添加类用于 jQuery 引用对象 3、事件函数体 普通方法 $(".navmenu").mouseover(function(){ $(this).children("ul").show(); }) on 建议方法 $(".navmenu").on("mouseout",function(){ $(this).children("ul").hide(); }) hover 方法 $(".navmenu").hover(function(){ $(this).children("ul").toggle(); })
    查看全部
  • JS方法实现下拉菜单显示和隐藏 1、给有子列表项的添加鼠标事件 onmouseover = showSub(this) onmouseout = hideSub(this) 2、事件中获取对象并设置二级菜单的显示或隐藏 li.getElementByTagName("ul")[0].style.display="block";
    查看全部
  • 下拉菜单布局 1、无序列表嵌套,使用链接包裹内容 2、列表项浮动,链接块级化 3、父级相对定位,子级绝对定位 CSS 实现下拉菜单显示和隐藏 li:hover ul{display:block}
    查看全部
  • 定位:absolute是绝对定位(0,0)点 父类在进行相对定位position:revolution; 二级菜单的隐藏和显示
    查看全部
  • mark
    查看全部
    0 采集 收起 来源:编程练习

    2014-11-10

  • 1、二级菜单的 ul 嵌套在一级的 li 中 2、position 的 relative 和 absolute 都是基于父级有position属性的元素为原点的,本来的ul li没有position属性,所以二级菜单会相对于整个文档来定位
    查看全部

举报

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

微信扫码,参与3人拼团

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

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