为了账号安全,请及时绑定邮箱和手机立即绑定
  • 锚点是一种网页内的超链接
    查看全部
    0 采集 收起 来源:特效设计

    2015-08-27

  • scoll([data],fn):当用户滚动指定的元素时,会发生scroll事件。scroll事件适用于所有可滚动的元素和window对象(浏览器窗口)。 例如 当页面滚动条发生变化时,执行函数......: $(window).scroll(function(){/*......*/}; scrollTop[vall]:获取/设置匹配元素相对滚动条顶部的偏移。 offset():获取匹配元素的相对偏移。返回对象包含两个整形属性:top和left,以像素计。
    查看全部
    0 采集 收起 来源:特效设计

    2015-08-27

  • var items = $("#content").find(".item")效率要比直接查找$(".item")和写在一起$("#content .item")的效率高
    查看全部
  • 锚点链接:html5使用id进行锚点链接,html5取消了name属性 ((之前的方法:name="1" <a href="1">1</a>)) 滚动条定位:jQuery库引用 <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> @@网页定位导航特效 知识要点 jQuery中通过id筛选永远比用class筛选的效率要高的多所以通过$("#").find()更有效率 $(window).scroll()滚动条滚动的时候 $(document).scrollTop()获取滚动条距离页面顶端的距离 items是所有item的集合 each遍历所有item m.offset().top是获取所有item距离顶端的距离 然后当前滚动条依次与item的距离比较 console.Log(元素)在控制台看该元素的值 each遍历item所以this的值也在变化 currentId获取当前的ID,return false跳出循环
    查看全部
  • a:hover, a.current{} 设置导航处于焦点或当前选中状态时的样式,注意这里的差别,语法上的区别 a:hover,a.current class="current"
    查看全部
  • 小技巧: left:50%;先居中,然后margin-left:400px;设置向左或向右偏移量 li属性设置display:inline;让li内元素在一行显示
    查看全部
  • jQuery的offset()方法会返回一个对象,包含top和left属性。
    查看全部
    0 采集 收起 来源:练习题

    2015-08-27

  • 使用锚点可以在文档中设置标记,这些标记通常放在文档的顶部。
    查看全部
    0 采集 收起 来源:练习题

    2015-08-27

  • 网页定位导航特效中,导航条和滚动条之间的关系是:导航条随着滚动条的滚动改变焦点。
    查看全部
    0 采集 收起 来源:练习题

    2015-08-27

  • "分析-设计-实现"这是解决问题的一般流程。
    查看全部
    0 采集 收起 来源:练习题

    2018-03-22

  • 网页定位导航特效主要是指在页面内进行定位导航,适用于内容比较多的单页面网页。
    查看全部
    0 采集 收起 来源:练习题

    2015-08-27

  • 网页内定位特效要掌握的技术点
    查看全部
    0 采集 收起 来源:特效设计

    2015-08-27

  • @特效设计 技术点: 1、锚点(anchor) 2、关于滚动条定位的事件和方法(借助jQuery)
    查看全部
    0 采集 收起 来源:特效设计

    2015-08-27

  • 导航条随着滚动条的滚动改变焦点,其实就是给相应的项目增加样式,
    查看全部
    0 采集 收起 来源:练习题

    2015-08-27

  • 页面内进行定位导航,适用于内容比较多的单页面网页。
    查看全部
    0 采集 收起 来源:练习题

    2015-08-27

举报

0/150
提交
取消
课程须知
学习本课程之前,您需要具备HTML、CSS、JavaScript、jQuery几个方面的基础知识。
老师告诉你能学到什么?
如何使用jQuery、JavaScript两种方式实现网页定位导航,提升HTML、CSS、JavaScript、jQuery的综合应用能力。

微信扫码,参与3人拼团

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

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