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

形形色色的下拉菜单

难度初级
时长 3小时21分
学习人数
综合评分9.57
145人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.5 逻辑清晰
  • position:absolute 绝定定位 ,生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。
    查看全部
    0 采集 收起 来源:练习题

    2017-03-17

  • js和jq的对比
    查看全部
  • <script type="text/javascript" src="http://cdn.bootcss.com/jquery/3.1.1/jquery.js"></script> Mouseover:不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。 Mouseenter:只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。 http://www.w3school.com.cn/tiy/t.asp?f=jquery_event_mouseenter_mouseover
    查看全部
  • onmouseover鼠标经过事件 onmouseout鼠标离开事件
    查看全部
  • 需要知识
    查看全部
  • 下拉菜单制作思路
    查看全部
  • onmouseover && onmouseout ,鼠标移入,移除事件
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • css3属性
    查看全部
  • 123345
    查看全部
    0 采集 收起 来源:IE浏览器兼容

    2017-03-06

  • jquery
    查看全部
    0 采集 收起 来源:IE浏览器兼容

    2017-03-04

  • $(this)
    查看全部
    0 采集 收起 来源:编程练习

    2017-03-04

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

    2017-03-04

  • ## 知识点 使用 jquery 的 has() 选择包含指定后代的元素。 ## 三级菜单 一般情况下,会做三级菜单,那么四级五级...就会做了。但是在实际应用中,有三级以上的级菜单是很少见的,因为那样对用户影响不好。 ## ie6 非 a 标签伪类兼容 **方法一,使用 csshover.htc 文件** 在 body 中引用它: body{ behavior:url(csshover.htc); } **方法二,针对 ie6 使用 js 的鼠标事件** 判断出 ie 6 的 js: var isIE=!!window.ActiveXObject; var isIE6=isIE && !window.XMLHttpRequest; 吐嘈: 既然可以用鼠标事件,干嘛不全部用鼠标事件? 回答A: 我竟无言以对。 回答B: 不是说兼容吗?这就是兼容呀。 吐嘈: 我竟无言以对。
    查看全部
    1 采集 收起 来源:IE浏览器兼容

    2018-03-22

  • ## 应用场景 这可以说是一个导航的`减法`变幻吧。 像一些中英文网上,当鼠标在菜单上的时候把菜单上的中文改变成英文。 ## 知识点 负边距运用。 ## 技巧 如果要实现鼠标在菜单上时把`一`显示成`A`,一般有两种写法: **方法一,写两个并列的标签。** 当鼠标在 li 时显示有英文文字 A 的标签。因为他们都是在同一个种元素 a 标签上,所以可能需要给两个 a 标签添加类名来识别,而且还需要添加再次 href 属性值。 <li> <a href="#">一</a> <a href="#">A</a> </li> **方法二,使用嵌套。(推荐)** 像这种写法因为 a 标签和 span 本就不同,所有可以直接用他们来区分。而且 span 是嵌套在 a 标签中的,所以只需要写一个 href 值。 <li> <a href="#">一<span>A</span></a> </li>
    查看全部
  • ## 知识点 1. jquery 的引入方式 * 本地下载引入 * 在线引入 2. children 只获取子元素,不获取孙元素 3. show() 显示、 hide() 隐藏。 // $ 等于 jQuery // $(function(){}) 等于 $(document).ready(function(){}) // 表示整个文档加载完成后再执行相应的函数。 $(function(){ // 选择器 > 表示子元素 $('#nav>ul>li').mouseover(function(){ // children 只获取子元素,不获取孙元素 $(this).children('ul').show() }) $('#nav>ul>li').mouseout(function(){ $(this).children('ul').hide() }) })
    查看全部
    0 采集 收起 来源:练习题

    2018-03-22

举报

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

微信扫码,参与3人拼团

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

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