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

形形色色的下拉菜单

难度初级
时长 3小时21分
学习人数
综合评分9.57
145人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.5 逻辑清晰
  • //老师的代码 $(function(){ $(".navmenu").mouseover(function(){ $(this).children("ul").show(); }) $(".navmenu").mouseout(function(){ $(this).children("ul").hide(); }) }) //我的代码 效果一致 $(function(){ $(".navmenu").has().mouseover(function(){ /* $(".navmenu:has(ul)")*/ $(this).children("ul").show(); }).mouseout(function(){ $(this).children("ul").hide(); }) })
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • _margin 在IE6中能够识别 Zoom属性是IE浏览器的专有属性,Firefox等浏览器不支持。它可以设置或检索对象的缩放比例。除此之外,它还有其他一些小作用,比如触发ie的hasLayout属性,清除浮动、清除margin的重叠等。 Zoom的使用方法: zoom : normal | number normal :  默认值。使用对象的实际尺寸 number :  百分数 | 无符号浮点实数。浮点实数值为1.0或百分数为100%时相当于此属性的 normal 值 用白话讲解就是zoom:后面的数字即放大的倍数,可以是数值,也可以是百分比。如:zoom:1,zoom:120%。 而这个属性只要在IE中才起作用,所以很少用到它的实际用途,而最经常用到作用是清除浮动等
    查看全部
  • 1.布局属性 line-height垂直居中 text-align水平居中 针对元素内部的内容 2.显示属性 display可以将元素根据需求显示以不同的方式显示。
    查看全部
  • 解决IE6的冲突
    查看全部
  • var isIE = !!window.ActiveXObject; var isIE6 = isIE && !window.XMLHttpRequest; 判断IE6
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • getElementsByTagName()不是只能获得一组数据嘛?不晓得多个二级菜单怎么实现了……请求老师同学们能够帮我解答!
    查看全部
    0 采集 收起 来源:编程练习

    2015-01-19

  • ul li:hover ul{display:block;}//鼠标经过ul li 时 ul li 嵌入的ul显示块 绝对定位是相对父节点的相对定位,父节点默认为static
    查看全部
    0 采集 收起 来源:编程练习

    2015-01-19

  • 导航变换 ,鼠标滑过中文变英文的效果 <ul> <li><a> 111<span>qqq</span></a></li>// 可以吧span写到《a>里面 <li><a> 222<span>www</span></a></li> <li><a> 33<span>eee</span></a></li> <ul> 默认情况下 span隐藏 ,鼠标滑过超链接时,显示,并且替代前面的元素(li a :hover{margin-top:-20px})
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • ul li lu{隐藏} ul li:hover lu{显示}
    查看全部
    0 采集 收起 来源:编程练习

    2015-01-16

  • $("#id").on("click","a"function(){});绑定a的click事件 $(this).index()//获取下标 hasClass(".class") $(this).addClass("btn-active").siblings().removeClass("btn-active"); siblings()兄弟元素
    查看全部
  • 尖角实现: display:block;width:0; border-bottom:10px; solid red; border-left:10px solid green; border-right:10px solid blue; border-top:10px solid gray; 阴影: box-shadow:水平 垂直 模糊 颜色; rgba(255,255,255,.3) r:red g:green b:blue a:alpha 透明通道,0-1
    查看全部
  • 线性渐变:linear-gradient(颜色1,颜色2) 边框圆角:border-radius:边框半径; 盒子阴影:box-shadow:水平位移 垂直位移 羽化范围 羽化颜色 文本阴影:text-shadow 同上 同时设置多种颜色盒子阴影,多组值之间使用“,”分隔 清除浮动 xxx:before,xxx:after{content:"";display:table} xxx:after{clear:both;} 背景渐变:background-image:linear-gradient(#444,#111); transition要配合hover使用 transition:all .2s ease ease-out ease-in ease-in-out... opacity:0;margin:20px 0 0 0; opacity:1;margin:0;
    查看全部
  • 实现圆角:border-radius 实现渐变背景:linear-gradient 实现阴影:box-shadow 实现透明:transition 实现尖角:before
    查看全部
  • 三种方法实现动画 A、JavaScript 的 setTimeout() 实现 B、jQuery 实现 C、CSS3 实现
    查看全部
  • var isIE = !!window.ActiveXObject;//ie支持 var isIE6 = isIE && window.XMLHttpRequest;//ie6以下版本 $.bro
    查看全部
    0 采集 收起 来源:IE浏览器兼容

    2018-03-22

举报

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

微信扫码,参与3人拼团

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

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