为了账号安全,请及时绑定邮箱和手机立即绑定
  • 用原生態js編寫代碼,尤其要注意瀏覽器的兼容性。 如果某些瀏覽器不兼容,將可以通過編輯函數來實現或替代某些功能。 1、比如,使用document.getElementsByClassName(),IE對這個方法的支持很差。解決方法的代碼如圖所示。 注意但是這個方法不適用於多個class的時候 2、獲取頁面的滾動條距離頂部的高度可以用下面的方法(因為在XHTML中不支持documentElement所以要用body來獲取scrollTop): var top = document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop; documentElement 和 body 相關說明: body是DOM對象里的body子節點,即 <body> 標籤; documentElement 是整個節點樹的根節點root,即<html> 標籤;
    查看全部
  • //给相应楼层的a 设置current ,取消其他链接的current var currentLink = menu.find(".current"); if(currentId&&currentLink.attr("href")!=currentId){ currentLink.removeClass("current"); menu.find("[href="+currentId +"]").addClass("current");
    查看全部
  • ie6完美解决fixed
    查看全部
    0 采集 收起 来源:浏览器调试

    2016-06-19

  • ie6fixed的不支持,解决方法
    查看全部
    0 采集 收起 来源:浏览器调试

    2016-06-19

  • ie6不支持fixed,用hank
    查看全部
    0 采集 收起 来源:浏览器调试

    2016-06-19

  • 技术点2
    查看全部
    0 采集 收起 来源:特效设计

    2016-06-17

  • 技术点
    查看全部
    0 采集 收起 来源:特效设计

    2016-06-17

  • 定位关联
    查看全部
  • 特效分析——重难点
    查看全部
  • 特效分析
    查看全部
  • <!--运用锚点,实现导航定位。--> <li><a href="#item1" class="current">1F 男装</a></li> <li><a href="#item2">2F 女装</a></li> <li><a href="#item3">3F 美妆</a></li> <li><a href="#item4">4F 数码</a></li> <li><a href="#item5">5F 母婴</a></li>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • $(document).ready(function (){ $(window).scroll(function (){ var top = $(document).scrollTop(); var items = $("#content").find(".item"); var currentId = ""; var menu = $("#menu"); items.each(function (){ var it = $(this); var itemTop = it.offset().top; if(top > itemTop-200){ currentId = "#"+it.attr("id"); } else { return false; } }); var currentLink = menu.find(".current"); //给相应楼层的a设置 current,取消其他链接的current if(currentId && currentLink.attr("href")!=currentId){ currentLink.removeClass("current"); menu.find("[href="+currentId+"]").addClass("current"); } }); });
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • /*请补充此处代码,让导航菜单在右侧绝对定位显示*/ #menu { position: fixed; left: 50%; margin-left:400px; }
    查看全部
    0 采集 收起 来源:编程练习

    2016-06-16

  • jquery是javascript的代码库,each()其实是包含循环的一个函数,所用使用continue和break这两条命令是没有效果的. jquery使用的是下面两条语句. return false;——跳出所有循环;相当于 javascript 中的 break 效果。 return true;——跳出当前循环,进入下一个循环;相当于 javascript 中的 continue 效果
    查看全部
  • 用原生态js编写代码,尤其要注意浏览器的兼容性。 如果某些浏览器不兼容,将可以通过编辑函数来实现或替代某些功能。 1、比如,使用document.getElementsByClassName(),IE对这个方法的支持很差。解决方法代码如下。 function getByClassName(obj,cls){ var element = document.getElementsByTagName("*"); var result = []; for (var i = 0; i < element.length; i++) { if (element[i].className == cls) { result.push(element[i]); } } return result; } } 注意但是这个方法不适用于多个class的时候 2、获取页面的滚动条距离顶部的高度可以用下面的方法(因为在XHTML中不支持documentElement所以要用body来获取scrollTop): var top = document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop;
    查看全部

举报

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

微信扫码,参与3人拼团

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

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