-
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;查看全部
-
解决闪跳闪跳查看全部
-
/*HACK*/查看全部
-
123查看全部
-
就跟拼接字符串一样,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&¤tLink.attr("href")!=currentId){ currentLink.removeClass("current"); menu.find("[href="+currentId +"]").addClass("current"); } }); }); });查看全部
-
实现的方法查看全部
-
加入这个库查看全部
-
1. 让右侧广告正确显示 注意: 选择正确的尺寸和滚动条的隐藏。 2. 让导航菜单在左侧绝对定位显示 注意: 定位和选择正确的position。 3. 让导航菜单实现在滚动条滚动的时候自动设置焦点 注意:注意用到教程中所学的知识,遍历items设置currentId,然后给菜单设置current类查看全部
-
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;查看全部
-
用原生态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/150
提交
取消