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

形形色色的下拉菜单

难度初级
时长 3小时21分
学习人数
综合评分9.57
145人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.5 逻辑清晰
  • CSS display属性 一般在CSS布局制作时候,常常会用到display对应值有block、none、inline这三个值。 display:block : 块对象的默认值。用该值为对象之后添加新行 display:none : 隐藏对象。与visibility属性的hidden值不同,其不为被隐藏的对象保留其物理空间 display:inline : 内联对象的默认值。用该值将从对象中删除行
    查看全部
  • JS方法实现下拉菜单显示和隐藏 1、给有子列表项的添加鼠标事件 onmouseover = showSub(this) onmouseout = hideSub(this) 2、事件中获取对象并设置二级菜单的显示或隐藏 li.getElementByTagName("ul")[0].style.display="block";
    查看全部
  • overflow:这个属性定义溢出元素内容区的内容会如何处理。 visible 默认值。内容不会被修剪,会呈现在元素框之外。 hidden 内容会被修剪,并且其余内容是不可见的。 scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。 auto 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。 inherit 规定应该从父元素继承 overflow 属性的值。
    查看全部
  • 1、二级菜单的 ul 嵌套在一级的 li 中 2、position 的 relative 和 absolute 都是基于父级有position属性的元素为原点的,本来的ul li没有position属性,所以二级菜单会相对于整个文档来定位
    查看全部
  • //判断IE6 var isIE = !!window.ActiveXObject; var isIE6 = isIE && !window.XMLHttpRequest; 为什么需要两个感叹号?如果不用感叹号的话,不支持window.ActiveXObject的浏览器会报错,因此也在前面加一个感叹号转换为布尔值,但是如果只加一个感叹号的话,在IE中isIE就是false,下面的window.XMLHttpRequest在IE6也会报错,所以要加感叹号,结果是true,要使这两个变量都是true,只能再加一个感叹号
    查看全部
    1 采集 收起 来源:编程练习

    2018-03-22

  • 要点: 1、ul li 标签实现一级菜单,在有下拉菜单的li下面再添加ul li标签; 2、对下拉菜单进行精准定位,使用ul li ul{position:absolute;top:*;left:*;},其相对浏览器进行定位,现在需使其相对父类内容定位,需在父类ul li里面添加ul li{position:relative;}; 3、隐藏下拉菜单,ul li ul{display:none;}; 4、经过一级菜单时显示下拉菜单,ul li:hover ul{display:block;} 这样就Ok啦!
    查看全部
  • JS JQ 实现效果区别,JS要添加小代码找对应执行的对象。JQ根据class属性找对应
    查看全部
  • css3线性渐变linear-gradient(颜1,颜2) 边框圆角:border—radius:边缘半径 盒子阴影:box—shadow:水平位移 垂直位移 羽化范围 羽化颜色 实现透明:transition:all,2s eare-in-out(注意!transition配合hover使用) 文本阴影:text-shadow:水平距离 垂直距离 模糊距离 颜色 清除浮动除了float,还可以使用claer:both
    查看全部
  • var isIE = !!window.ActiveXObject; var isIE6 = isIE && !window.XMLHttpRequest; 为什么需要两个感叹号?如果不用感叹号的话,不支持window.ActiveXObject的浏览器会报错,因此也在前面加一个感叹号转换为布尔值,但是如果只加一个感叹号的话,在IE中isIE就是false,下面的window.XMLHttpRequest在IE6也会报错,所以要加感叹号,结果是true,要使这两个变量都是true,只能再加一个感叹号
    查看全部
    1 采集 收起 来源:编程练习

    2018-03-22

  • 功能属性
    查看全部
  • js实现二级菜单 最终版
    查看全部
    1 采集 收起 来源:编程练习

    2015-07-29

  • 如果想让某一段代码在前台不显示,最简单的方法是用css的display:none即可,这样下边的内容就自动上移或右侧的左移来填补这个空隙。但特殊情况下我们只需要隐藏这个元素, 但它的位置不能被占了,那该怎么实现呢?接下来我们来看css的另外一个属性Visibility属性。 visibility:隐藏对应的元素但不挤占该元素原来的空间。 display:隐藏对应的元素并且挤占该元素原来的空间。
    查看全部
  • ul标签里不仅仅能放li,还能放其他的比如span等其他很多标签。
    查看全部
  • 什么是下拉菜单?
    查看全部
  • children(" ")方法找子元素;show()方法显示HTML元素;hide()方法隐藏HTML元素;$(function(){})中的$符号的意思是当整个文档加载完成之后再执行里面的jq程序; mouseover是鼠标经过的一个事件; mouseout是鼠标滑过的一个事件;
    查看全部

举报

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

微信扫码,参与3人拼团

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

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