-
xxx.href得到的是http:....#item1这样的地址，所以不好和之前的currentId （item1）比较，所以运用split()方法借助"#"分段，把xxx.href拆成数组，然后取数组最后一个元素，就是item1这样的字符串了，方便与currentId比较 JS中没有each用for循环，用for循环时用break跳出循环查看全部
-
特效分析查看全部
-
调用的时候也就要改了查看全部
-
用原生态js编写代码，尤其要注意浏览器的兼容性。 如果某些浏览器不兼容，将可以通过编辑函数来实现或替代某些功能。 1、比如，使用document.getElementsByClassName()，IE对这个方法的支持很差。解决方法的代码如图所示。 注意但是这个方法不适用于多个item的时候 2、获取页面的滚动条距离顶部的高度可以用下面的方法(因为在XHTML中不支持documentElement所以要用body来获取scrollTop)： var top = document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop;查看全部
-
http://www.duitang.com/static/csshack.html 关于更多的hack 讲解查看全部
-
浏览器调试：IETest测试工具，一般情况下ie7下通过了ie8,ie9也没有问题，特别的ie6不支持position的fixed属性，做一个hack即通过一些特殊的编码解决这些问题 通过给样式额外添加hack，以达到ie兼容问题。具体操作是在相应样式前添加“* html”来实现，同时如果有某些属性为ie所不能兼容的，将以特殊表达式来实现，例如：fixed属性。 通过给body添加空白图片的技巧来稳定fixed导航的跳动。 /* IE 6 hack */ /* 针对 IE6 不支持 position:fixed 出现的显示问题而使用的*/ * html,*html body { background-image: url(about:blank); background-attachment:fixed; } * html #menu { position:absolute; top:expression(((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+100+'px'); }查看全部
-
//代码详解 items.each(function(){ //遍历整一个楼层找到当前楼层ID var a=$(this); //存一下当前的楼层 var itemTop=a.offset().top;//存当前楼层的top值 if(top>itemTop-200){ currentId="#"+a.attr("id");//如果当前的滚动偏移值大于楼层值，将Id覆盖原来的Id值 }else{ return false; } }); //将相应楼层的Id对应到菜单current。href属性值==Id值添加current类，并删除原有 var currentLi=menu.find(".current");//找到当前的Li if(currentId && currentLi.attr("href")!=currentId){//当前li a的href值不等于ID时要改变，之所以要加上&¤tId，是因为移动范围内都不变，没必要做后面的判断，还是原来的值。在移动范围内currentId的值是false。然后&&并集，你懂的。。。 currentLi.removeClass("current");//删除原来样式 menu.find("[href="+currentId+"]").addClass("current");//将样式添加到当前的样式查看全部
-
jQuery的offset()方法会返回一个对象，包含top和left属性。不是数组查看全部
-
对于临界值的处理为了优化用户体验所以要减去一点像素查看全部
-
就跟拼接字符串一样，currentId是个对象，不加加号的话menu.find("[href = currentId ]")表示找href属性为"currentId"的，很显然没有，只有href属性为"item1"、"item2"、....这样的。 注意如果比第一个还小则currentId为原来的空值所以要先判断是否为空查看全部
-
each遍历item所以this的值也在变化 currentId获取当前的ID，return false跳出循环查看全部
-
$(document).ready()页面加载完成 jQuery中通过id筛选永远比用class筛选的效率要高的多所以通过$("#").find()更有效率 $(window).scroll()滚动条滚动的时候 $(document).scrollTop()获取滚动条距离页面顶端的距离 items是所有item的集合 each遍历所有item m.offset().top是获取所有item距离顶端的距离 然后当前滚动条依次与item的距离比较 console.Log(元素)在控制台看该元素的值查看全部
-
超链接悬浮或者座位焦点时(a.current 这里的current是设置第一个为默认)文字变白给个背景色查看全部
-
固定menu的位置的时候fixed完成之后先left:50%把它固定在屏幕中央再在此基础上maigin-left:400px line-height和height一样大使纵向对齐，text-aligin是水平对齐查看全部
-
li是inline横向显示查看全部
举报
0/150
提交
取消