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

形形色色的下拉菜单

难度初级
时长 3小时21分
学习人数
综合评分9.57
145人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.5 逻辑清晰
  • @medai only sereen and(min-width:) 某值以上 @media only screen and(min-width:) and (max-width:) 两者之间 @medai only sereen and(max-width:) 某值以下
    查看全部
  • if($.browser.mise&&$.browser.version.substr(0,1)<7){ $('li').has('ul').mouseover(function(){ $(this).children('ul').css('visibility','visible'); }).mouseout(function(){ }) }
    查看全部
  • slideDown slideUp
    查看全部
  • 动画实现方法 1.setTimeout 1.JQuery 3.CSS3浏览器要求高
    查看全部
  • 判断浏览器是否是IE6 window.onload=function(){ var isIE=!!window.ActiveXobject; var isIE6=ISIE&&!window.XMLHttpRequest; $("li").has("ul").mouseover(function(){ $(this).children("ul").css("display","block"); }).mouseout(function(){ $(this).children("ul").css("display","none"); }) if($.browser.mise&&.browser.version.substr(0,1)<7){ } $.suppport.leadingWhitespace 判断IE7 IE8 }
    查看全部
    0 采集 收起 来源:IE浏览器兼容

    2018-03-22

  • ul标签里不仅仅能放li,还能放其他的比如span等其他很多标签。
    查看全部
  • li.getElementsByTagName("ul")[0] 该参数下的下标为0的ul标签
    查看全部
  • 锄禾日当午,不如前端苦;bug改不完,一条一下午。
    查看全部
  • 浏览器版本判断 jquery<1.9.0 $.browser.msie && $.browser.version.substr(0,1)<7 1.9.0<=jquery<2.0.0 $.support.leadingWhitespace javascript var isIE=!!window.ActiveXobject; var isIE6=isIE&&!window.XMLHttpRequest;
    查看全部
    0 采集 收起 来源:IE浏览器兼容

    2018-03-22

  • 动画实现的三种常用方法 1.使用JavaScript的setTimeout()方法实现 2.利用JQuery实现 3.使用CSS3实现
    查看全部
  • 原生js判断IE6的代码: var isIE = !!window.ActiveXObject; var isIE6 = isIE && !window.XMLHttpRequest; if(isIE6){} jquery1.9版本以下判断IE6的代码:if($.browser.msie && $.browsr.version.substr(0,1)<7){} jquery1.9版本以上判断IE6的代码:$.support.leadingWhitespace
    查看全部
    0 采集 收起 来源:IE浏览器兼容

    2018-03-22

  • li:hover 在IE6下面不兼容,这里讲解了怎样用js做兼容,
    查看全部
    0 采集 收起 来源:IE浏览器兼容

    2015-07-06

  • onmouseover鼠标经过事件,onmouseout鼠标离开事件。
    查看全部
  • overflow:这个属性定义溢出元素内容区的内容会如何处理。 visible 默认值。内容不会被修剪,会呈现在元素框之外。 hidden 内容会被修剪,并且其余内容是不可见的。 scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。 auto 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。 inherit 规定应该从父元素继承 overflow 属性的值。
    查看全部
  • <style> .top-nav{ font-size:12px; font-weight:bold; list-style:none; border-bottom:8px solid #DC4E1B; overflow:auto; } .top-nav li{ float:left; margin-left:1px; } .top-nav li a{ line-height:20px; text-decoration:none; background:#DDD; color:#666666; display:block; width:80px; text-align:center; } .top-nav li a span{ display:none; background:yellow; } .top-nav li a:hover span{ display:block; background:#DC4E1B; color:white; } .top-nav li a:hover{ margin-top:-20px; } </style> <ul class="top-nav"> <li> <a href="http://www.imooc.com">首页<span>Home</span></a> </li> <li><a href="http://www.imooc.com">课程大厅<span>Course</span></a> </li> </ul>
    查看全部

举报

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

微信扫码,参与3人拼团

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

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