为了账号安全,请及时绑定邮箱和手机立即绑定
  • removeclass的方法
    查看全部
  • JS中没有addclass和removeclass的方法 使用正则表达式判断class的存在: obj.className.match(new RegExp("(\\s|^)" + cls + "(\\s|$)")) 注意:RegExp的参数是字符串,\\是把\转义 注意addclass的时候要加空格
    查看全部
  • xxx.href得到的是http:....#item1这样的地址,所以不好和之前的currentId (item1)比较,所以运用split()方法借助"#"分段,把xxx.href拆成数组,然后取数组最后一个元素,就是item1这样的字符串了,方便与currentId比较 JS中没有each用for循环,用for循环时用break跳出循环
    查看全部
  • 用原生态js编写代码,尤其要注意浏览器的兼容性。 如果某些浏览器不兼容,将可以通过编辑函数来实现或替代某些功能。 1、比如,使用document.getElementsByClassName(),IE对这个方法的支持很差。解决方法的代码如图所示。 2、获取页面的滚动条距离顶部的高度可以用下面的方法: var top = document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop;
    查看全部
  • 解决闪跳闪跳
    查看全部
    0 采集 收起 来源:浏览器调试

    2015-03-16

  • /*HACK*/
    查看全部
    0 采集 收起 来源:浏览器调试

    2015-03-16

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

    2015-03-14

  • 就跟拼接字符串一样,currentId是个对象,不加加号的话menu.find("[href = currentId ]")表示找href属性为"currentId"的,很显然没有,只有href属性为"item1"、"item2"、....这样的。 注意如果比第一个还小则currentId为原来的空值所以要先判断是否为空
    查看全部
  • $(function(){ //滚动条发生滚动 $(window).scroll(function(){ var top = $(document).scrollTop();//console.log(top); var menu = $("#menu"); var items = $("#content").find(".item");//效率高 var currentId = "";//当前所在的楼层(item)#id items.each(function() { var m = $(this); var itemTop = m.offset().top;//console.log(itemTop); if(top>itemTop-200){//对于临界值的处理为了优化用户体验所以要减去一点像素 currentId = "#" + m.attr("id"); }else{ return false; } //给相应楼层的a 设置current ,取消其他链接的current var currentLink = menu.find(".current"); if(currentId&&currentLink.attr("href")!=currentId){ currentLink.removeClass("current"); menu.find("[href="+currentId +"]").addClass("current"); } }); }); });
    查看全部
  • 实现的方法
    查看全部
  • 加入这个库
    查看全部
  • 1. 让右侧广告正确显示 注意: 选择正确的尺寸和滚动条的隐藏。 2. 让导航菜单在左侧绝对定位显示 注意: 定位和选择正确的position。 3. 让导航菜单实现在滚动条滚动的时候自动设置焦点 注意:注意用到教程中所学的知识,遍历items设置currentId,然后给菜单设置current类
    查看全部
    0 采集 收起 来源:编程挑战

    2015-03-13

  • 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,用var top = document.documentElement.scrollTop || document.body.scrollTop;
    查看全部
    2 采集 收起 来源:编程练习

    2015-03-22

  • 用原生态js编写代码,尤其要注意浏览器的兼容性。 如果某些浏览器不兼容,将可以通过编辑函数来实现或替代某些功能。 1、比如,使用document.getElementsByClassName(),IE对这个方法的支持很差。解决方法的代码如图所示。 2、获取页面的滚动条距离顶部的高度可以用下面的方法: var top = document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop;
    查看全部
  • 特效设计 技术点: 1.锚点(anchor):锚点是网页制作中超链接的一种,又叫命名锚记。锚点是一种页面内的超级链接 2.关于滚动条定位的事件和方法(借助jQuery) 特效所需要掌握的技术点 scroll([data],fn):当用户滚动指定的元素时,会发生scroll事件 scroll事件适用于所有可滚动的元素和window对象(浏览器窗口) 例如 当页面滚动条变化时,执行函数....: $(window).scroll(function(){/*.......*/}); scrollTop([val]):获取/设置匹配元素相对滚动条顶部的偏移 offset():获取匹配元素的相对偏移。返回的对象包含两个整形属性:top和left ,以像素计。
    查看全部
    0 采集 收起 来源:特效设计

    2015-03-12

举报

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

微信扫码,参与3人拼团

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

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