为了账号安全,请及时绑定邮箱和手机立即绑定
  • 单页面的网页比较流行,可以展示更多的信息,让客户能够快速的浏览信息。 但是不方便定位,所以要有良好的导航是至关重要的。
    查看全部
    0 采集 收起 来源:特效介绍

    2014-12-17

  • 特效用到的知识点
    查看全部
    0 采集 收起 来源:特效设计

    2014-12-16

  • js实现网页特效 var top = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop;或var top = document.documentElement.scrollTop || document.body.scrollTop;用js实现滚动时根据滚动条的位置自动设置导航菜单的焦点 在chrome下document.documentElement.scrollTop为0
    查看全部
    0 采集 收起 来源:编程练习

    2014-12-16

  • IETester包含多个版本的IE,可以方便的用来进行兼容性测试。
    查看全部
    0 采集 收起 来源:练习题

    2014-12-16

  • jQuery的offset()方法会返回一个对象,包含top和left属性。
    查看全部
    0 采集 收起 来源:练习题

    2014-12-16

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

    2014-12-16

  • 特效设计技术点: (1)锚点(anchor):锚点是网页制作中超链接的一种,又叫命名锚记。锚点是一种页面内的超级链接。 (2)关于滚动条定位的事件和方法(借助jquery) 特效所需要掌握的技术点: scroll([data],fn):当用户滚动指定的元素时,会发生scroll事件。 scroll事件适用于所有可滚动的元素和window对象(浏览器窗口)。 例如:当页面滚动条变化时,执行函数......: $(window).scroll(function(){/* ...... */}); scrollTop([val]):获取/设置匹配元素相对滚动条顶部的偏移。 offset():获取匹配元素的相对偏移。返回的对象包含两个整形属性:top和left,以像素计。
    查看全部
    0 采集 收起 来源:特效设计

    2014-12-16

  • 网页定位导航特效中,导航条和滚动条之间的关系是导航条随着滚动条的滚动改变焦点。 导航条随着滚动条的滚动改变焦点,其实就是给相应的项目增加样式。
    查看全部
    0 采集 收起 来源:练习题

    2014-12-16

  • 解决问题流程: 分析---->设计---->实现 特效分析: 分为左右两部分: 左侧的内容,右侧悬浮的导航菜单 左侧滚动时,右侧内容不改变位置 点击右侧链接,左侧定位到相应栏目 左侧滚动到相应栏目,右侧定位到对应链接
    查看全部
  • 网页定位导航特效主要是指在页面内进行定位导航,适用于内容比较多的单页面网页。
    查看全部
    0 采集 收起 来源:练习题

    2014-12-16

  • done
    查看全部
    0 采集 收起 来源:编程挑战

    2014-12-15

  • 要点: 1、$(selector).scroll(function(){})--滚动条滚动监听方法 2、$(selector).scrollTop()--滚动条垂直偏移量设置和获取方法 3、$(selector).offset().top/.left--文档的竖直和横向偏移量 重点: 1、用$().each(function(){})方法遍历所需要的每个元素 2、比较滚动条的偏移量和文档偏移量的大小 技巧: 1、通过ID获取元素,比通过class获取元素效率更高 2、尽量将要多次使用的值存储在变量中,可以提高效率
    查看全部
    0 采集 收起 来源:编程练习

    2014-12-15

  • 要点: 1、$(selector).scroll(function(){})--滚动条滚动监听方法 2、$(selector).scrollTop()--滚动条垂直偏移量设置和获取方法 3、$(selector).offset().top/.left--文档的竖直和横向偏移量 重点: 1、用$().each(function(){})方法遍历所需要的每个元素 2、比较滚动条的偏移量和文档偏移量的大小 技巧: 1、通过ID获取元素,比通过class获取元素效率更高 2、尽量将要多次使用的值存储在变量中,可以提高效率
    查看全部
    0 采集 收起 来源:编程练习

    2014-12-15

  • 把 #content .item img { top: 100px; left: 40px; } 里的 position: absolute; 去掉了。
    查看全部
    0 采集 收起 来源:编程挑战

    2014-12-15

  • 定位小技巧: left:50% 先让要定位的元素居中显示; margin-left:400px;再根据要相对定位的元素的宽度对要定位元素进行位置偏移。 如果想让页面自动居中,当设置margin属性为左右为auto的时候(必需要设置元素的width),不能再设置浮动或绝对定位属性,否则margin失效。 auto根据浏览器的宽度自动设置两边的外边距 外边距 = (浏览器宽度 - 元素宽度)/ 2
    查看全部

举报

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

微信扫码,参与3人拼团

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

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