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

形形色色的下拉菜单

难度初级
时长 3小时21分
学习人数
综合评分9.57
145人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.5 逻辑清晰
  • <script type="text/javascript"> window.onload = function () { //判断是否为IE浏览器 var isIE=!!window.ActiveXObject; var isIE6=isIE && !window.XMLHttpRequest; if (isIE6) { var Lis = document.getElementsByTagName("li"); for (var i = 0; i < Lis.length; i++) { Lis[i].onmouseover = function () { var u = this.getElementsByTagName("ul")[0]; //如果包含子菜单,就将子菜单显示 if(u!=undefined){ u.style.display="block"; } } Lis[i].onmouseout = function () { var u = this.getElementsByTagName("ul")[0]; //如果包含子菜单,就将子菜单隐藏 if (u != undefined) { u.style.display = "none"; } } } } } </script>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

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

    2015-07-29

  • overflow清除浮动的原因 是因为overflow除了(visible)会重新给他里面的元素建立块级格式化(block formatting context) floats, position absolute, inline-block, table-cell和table-caption都不是块级样式,所以才会用到clear来控制浮动 overflow也可以清除浮动是因为当在父级元素设置overflow时候,除了visible,就是只有auto, hidden或者scroll时候,也会建立新的块级格式给他的子元素, 从而起到清楚浮动效果。
    查看全部
  • > 选择子一级
    查看全部
  • 如果想让某一段代码在前台不显示,最简单的方法是用css的display:none即可,这样下边的内容就自动上移或右侧的左移来填补这个空隙。但特殊情况下我们只需要隐藏这个元素, 但它的位置不能被占了,那该怎么实现呢?接下来我们来看css的另外一个属性Visibility属性。 visibility:隐藏对应的元素但不挤占该元素原来的空间。 display:隐藏对应的元素并且挤占该元素原来的空间。
    查看全部
  • 下拉菜单 所用CSS3属性
    查看全部
  • 记下 判断U是否真实存在, 不是li下所有的都有ul
    查看全部
  • 三级菜单 兼容性未做
    查看全部
    0 采集 收起 来源:编程练习

    2015-07-29

  • 中文英文切换菜单 最终版
    查看全部
    0 采集 收起 来源:编程练习

    2015-07-27

  • 利用margin-top将元素上移从而使下方的元素出现在原有元素位置
    查看全部
  • overflow:auto 清除自己,扩展到需要的大小,以包围其子元素
    查看全部
  • 菜单 最终版
    查看全部
    0 采集 收起 来源:编程练习

    2015-07-27

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

    2015-07-27

  • 线性渐变:linear-gradient(颜色1,颜色2) 边框圆角:border-radius:边框半径; 盒子阴影:box-shadow:水平位移 垂直位移 羽化范围 羽化颜色 文本阴影:text-shadow 同上 清除浮动 xxx:before,xxx:after{content:"";display:table} xxx:after{clear:both;} 选择子级元素使用 > 选择第一个或最后一个子元素 :first-child/:last-child
    查看全部
  • overflow:这个属性定义溢出元素内容区的内容会如何处理。 visible 默认值。内容不会被修剪,会呈现在元素框之外。 hidden 内容会被修剪,并且其余内容是不可见的。 scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。 inherit 规定应该从父元素继承 overflow 属性的值。 auto 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。
    查看全部

举报

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

微信扫码,参与3人拼团

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

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