-
技术点：scrollTop()和offset()查看全部
-
网页定位导航设计 1.解决问题流程：分析—设计——实现 2.特效分析分为左右两部分： 1）.左侧的内容，右侧悬浮的导航菜单 2）.左侧滚动，右侧不改变位置 3）.点击右侧，左侧定位相应栏目 4).左侧滚到相应栏目，右侧定位到对应链接 3.重难点 1）.左侧栏目和右侧导航菜单的显示样式实现 2）.导航与滚动条之间的定位关联 css scrollTop 4.导航与滚动条之间的定位关联 滚动条与右侧导航条（高亮设置） 滚动条在BC之间，2F；AB之间就是1F；以此类推 找到内容与导航的关联点，就能将两者联系起来，使滚动内容相应于导航作出相应反应查看全部
-
方法 描述 getElementById() 返回对拥有指定 id 的第一个对象的引用。 getElementsByName() 返回带有指定名称的对象集合。 getElementsByTagName() 返回带有指定标签名的对象集合。 定义和用法 push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。 语法 arrayObject.push(newelement1,newelement2,....,newelementX) 定义和用法 split() 方法用于把一个字符串分割成字符串数组。 语法 stringObject.split(separator,howmany) 返回值 一个字符串数组。该数组是通过在 separator 指定的边界处将字符串 stringObject 分割成子串创建的。返回的数组中的字串不包括 separator 自身。 但是，如果 separator 是包含子表达式的正则表达式，那么返回的数组中包括与这些子表达式匹配的字串（但不包括与整个正则表达式匹配的文本）。 注释：如果把空字符串 ("") 用作 separator，那么 stringObject 中的每个字符之间都会被分割。 定义和用法 removeClass() 方法从被选元素移除一个或多个类。 注释：如果没有规定参数，则该方法将从被选元素中删除所有类。 语法 $(selector).removeClass(class) 定义和用法 addClass() 方法向被选元素添加一个或多个类。 该方法不会移除已存在的 class 属性，仅仅添加一个或多个 class 属性。 提示：如需添加多个类，请使用空格分隔类名。$("p:first").addClass("intro note"); 语法 $(selector).addClass(class)查看全部
-
网页定位导航特效 1.html+css 完成页面内容显示和页面样式设计 2.在css中，用position：fixed;让导航菜单在左侧绝对定位显示 3.以锚点实现点击左侧导航条链接，右侧定位到相应栏目，在html5中，以id表示锚点 4.滚动条滚动时左侧导航菜单自动设置焦点，定位到相应链接，遍历item设置currentId，然后给菜单设置current类查看全部
-
使用原生js查看全部
-
特效所需要掌握的技术点查看全部
-
@@网页定位导航特效 6-3 使用JS实现函数--- addclass和removeclass的方法 JS中没有addclass和removeclass的方法 使用正则表达式判断class的存在: obj.className.match(new RegExp("(\\s|^)" + cls + "(\\s|$)")) 注意：RegExp的参数是字符串，\\是把\转义 注意addclass的时候要加空格查看全部
-
_href得到的是http:....#item1这样的地址，所以不好和之前的currentId （item1）比较，所以运用split()方法借助"#"分段，把xxx.href拆成数组，然后取数组最后一个元素，就是item1这样的字符串了，方便与currentId比较 JS中没有each用for循环，用for循环时用break跳出循环查看全部
-
用原生态js编写代码，尤其要注意浏览器的兼容性。 如果某些浏览器不兼容，将可以通过编辑函数来实现或替代某些功能。 1、比如，使用document.getElementsByClassName()，IE对这个方法的支持很差。解决方法的代码如图所示。 注意但是这个方法不适用于多个class的时候 2、获取页面的滚动条距离顶部的高度可以用下面的方法(因为在XHTML中不支持documentElement所以要用body来获取scrollTop)： var top = document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop;查看全部
-
IETester /*ie6 hack*/处理IE6不兼容的position：fixed问题 * html, * html body { background-image: url(about:blank); background-attachment: fixed; } * html #menu { /*position: fixed;*/ position: absolute; top: expression(((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+100+'px'); }查看全部
-
导航与滚动条之间的定位关联： currentId与currentH之间的联系 获取到当前的所在id，通过所在id给menu分配或者取消current的值。查看全部
-
Js实现网页导航栏查看全部
-
jQuery的offset()方法会返回一个对象，包含top和left属性。查看全部
-
锚点链接：html5使用id进行锚点链接，html5取消了name属性 滚动条定位：jQuery库引用 <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> @@网页定位导航特效 知识要点 jQuery中通过id筛选永远比用class筛选的效率要高的多所以通过$("#").find()更有效率 $(window).scroll()滚动条滚动的时候 $(document).scrollTop()获取滚动条距离页面顶端的距离 items是所有item的集合 each遍历所有item m.offset().top是获取所有item距离顶端的距离 然后当前滚动条依次与item的距离比较 console.Log(元素)在控制台看该元素的值 each遍历item所以this的值也在变化 currentId获取当前的ID，return false跳出循环查看全部
-
1、取消原有焦点； 2、添加当前焦点； 3、减少偏移量的值，再进行判断，使得页面在新内容已出现，旧内容快收起时变换焦点，改善用户体验 $("selector").find("[attribute=value]"); 获得属性值为特定值的节点查看全部
举报
0/150
提交
取消