为了账号安全,请及时绑定邮箱和手机立即绑定
  • js方法
    查看全部
    0 采集 收起 来源:特效设计

    2017-07-31

  • 实例内容
    查看全部
  • IETester包含多个版本的IE,可以方便的用来进行兼容性测试,获取下载或者更多信息可以访问:http://www.my-debugbar.com/wiki/IETester/HomePage
    查看全部
    0 采集 收起 来源:练习题

    2017-07-30

  • 1、让右侧广告正确显示: #content .item{ position: relative; height: 540px; } 2、让导航菜单在左侧固定定位显示: #menu { position: fixed; top: 100px; } 3、让导航菜单实现在滚动时自动设置焦点: items.each(function() { var m = $(this); if(top > m.offset().top - 200) { currentId = m.attr("id"); } else { return false; } }); var curLnk = menu.find(".current"); if(currentId && curLnk.attr("href") != currentId) { curLnk.removeClass("current"); menu.find("[href=" + currentId + "]").addClass("current"); }
    查看全部
    0 采集 收起 来源:编程挑战

    2018-03-22

  • 1、scrollTop兼容写法: document.documentElement.scrollTop || document.body.scrollTop document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop 2、JS遍历可以用for-in、for、while等,也可以用.each方法(要做兼容)
    查看全部
    0 采集 收起 来源:编程练习

    2017-07-29

  • 封装removeClass和addClass方法:
    查看全部
  • 给相应的链接a添加current样式,并移除其他链接的current样式: for(var j=0; j<menus.length; j++) { var href = menus[j].href.split("#"); if(href[href.length-1] != currentId) { menus[j].removeClass("current"); } else { menus[j].addClass("current"); } }
    查看全部
  • 判断目前滚动到哪个Item了: for(var i=0; i<items.length; i++) { var y = items[i].offsetTop; if(top > y - 200) { currentId = items[i].id; } else { break; } }
    查看全部
  • 1、监听滚动事件:window.onscroll 2、getElementsByClassName需要做兼容性处理
    查看全部
  • IE6不支持position:fixed,因此使用hack解决。 1、position的hack: * html #menu{ position: absolute; top: expression((e=document.documentElement.scrollTop ? e : document.body.scrollTop) + 100 + "px"); } 2、防止导航栏跳变: * html, * html body{ background-image: url(about:blank); background-attachment: fixed; }
    查看全部
    0 采集 收起 来源:浏览器调试

    2018-03-22

  • 实现: 1、设置锚点: <a href="#id"></a> 2、右侧导航位置不变(固定定位): position:fixed 3、获取滚动条位置和左侧内容区位置: $(document).scrollTop() $item.offset().top 4、左右侧定位关联: if(scrollTop > itemTop){ a.href = $item.id; a.addClass("current") } a[href!=$item.id].removeClass("current")
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 1、锚点链接,过去使用name,现在使用id。 2、JQ使用id筛选比用class筛选快很多
    查看全部
  • "(\\s|^)" + cls + "(\\s|$)" : \\s 是转义后的\s代表空格,|是或,^表示以cls开始,\\s空格,|或,$表示以cls结尾
    查看全部
  • http://www.my-debugbar.com/wiki/IETester/HomePage
    查看全部
    0 采集 收起 来源:练习题

    2017-07-26

  • zencoding插件(现改名Emmet) div#menu 按tab ul>li*5>a 按tab 按alt可以纵向选择(sublime text的整列编辑的快捷键:shift + 鼠标右键)
    查看全部

举报

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

微信扫码,参与3人拼团

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

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