-
scroll（）相关知识点查看全部
-
特效设计技术点查看全部
-
网页定位导航设计 1.解决问题流程：分析—设计——实现 2.特效分析分为左右两部分： 1）.左侧的内容，右侧悬浮的导航菜单 2）.左侧滚动，右侧不改变位置 3）.点击右侧，左侧定位相应栏目 4).左侧滚到相应栏目，右侧定位到对应链接 3.重难点 1）.左侧栏目和右侧导航菜单的显示样式实现 2）.导航与滚动条之间的定位关联 css scrollTop 4.导航与滚动条之间的定位关联 滚动条与右侧导航条（高亮设置） 滚动条在BC之间，2F；AB之间就是1F；以此类推 找到内容与导航的关联点，就能将两者联系起来，使滚动内容相应于导航作出相应反应查看全部
-
addclass和removeclass的方法的封装查看全部
-
使用JS实现函数--- addclass和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对这个方法的支持很差。解决方法的代码如图所示。 注意但是这个方法不适用于多个class的时候 2、获取页面的滚动条距离顶部的高度可以用下面的方法(因为在XHTML中不支持documentElement所以要用body来获取scrollTop)： var top = document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop;查看全部
-
/*ie6 hack*/ *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'); }查看全部
-
1、取消原有焦点； 2、添加当前焦点； 3、减少偏移量的值，再进行判断，使得页面在新内容已出现，旧内容快收起时变换焦点，改善用户体验 $("selector").find("[attribute=value]"); 获得属性值为特定值的节点查看全部
-
锚点链接：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跳出循环查看全部
-
scoll([data],fn):当用户滚动指定的元素时，会发生scroll事件。scroll事件适用于所有可滚动的元素和window对象（浏览器窗口）。 例如 当页面滚动条发生变化时，执行函数......： $(window).scroll(function(){/*......*/}； scrollTop[vall]：获取/设置匹配元素相对滚动条顶部的偏移。 offset()：获取匹配元素的相对偏移。返回对象包含两个整形属性：top和left，以像素计。查看全部
-
网页定位导航设计 1.解决问题流程：分析—设计——实现 2.特效分析分为左右两部分： 1）.左侧的内容，右侧悬浮的导航菜单 2）.左侧滚动，右侧不改变位置 3）.点击右侧，左侧定位相应栏目 4).左侧滚到相应栏目，右侧定位到对应链接 3.重难点 1）.左侧栏目和右侧导航菜单的显示样式实现 2）.导航与滚动条之间的定位关联 css scrollTop 4.导航与滚动条之间的定位关联 滚动条与右侧导航条（高亮设置） 滚动条在BC之间，2F；AB之间就是1F；以此类推 找到内容与导航的关联点，就能将两者联系起来，使滚动内容相应于导航作出相应反应查看全部
-
/*ie6 hack*/ *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'); }查看全部
-
代码快照查看全部
-
导航 可左可右查看全部
举报
0/150
提交
取消