-
正确代码应该是： var top = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop; 还有一个简单写法 var top=document.documentElement.scrollTop || document.body.scrollTop查看全部
-
xxx.href得到的是http:....#item1这样的地址，所以不好和之前的currentId （item1）比较，所以运用split()方法借助"#"分段，把xxx.href拆成数组，然后取数组最后一个元素，就是item1这样的字符串了，方便与currentId比较 JS中没有each用for循环，用for循环时用break跳出循环查看全部
-
jQuery 属性选择器 jQuery 使用 XPath 表达式来选择带有给定属性的元素。 $("[href]") 选取所有带有 href 属性的元素。 $("[href='#']") 选取所有带有 href 值等于 "#" 的元素。 $("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。 $("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。查看全部
-
算法： 1、通过$(document).scrollTop(),获得滚动条据顶部的高度top 2、find（）找到所有的class为“item”标签 3、通过offset（）.top获得标签距离顶部的高度 4、通过each()循环比较两个高度值，找出当前显示div 5、重置选中状态 6、通过find("[href="+N+"]").addClass()实现修改选中标签 1、$(selector).scroll(function(){})--滚动条滚动监听方法 2、$(selector).scrollTop()--滚动条垂直偏移量设置和获取方法 3、$(selector).offset().top/.left--文档的竖直和横向偏移量查看全部
-
jQuery通过id获取元素比用class获取快很多。 vat items = $("#content").find(".item");//最快 vat items = $("#content .item");//较慢 vat items = $(".item");//较慢查看全部
-
*html,*html body{ background-image:url(about:blank); background-attachment:fixed; } *html #menu{ position:absolute; top:expression((e=document.docuementElement.scrollTop?e:document.body.scrollTop)+100+"px"); }查看全部
-
【编程练习】 运用css和jQuery，实现导航菜单在右侧绝对定位显示，并且可以在滚动时，根据滚动条的位置自动设置导航菜单的焦点。 温馨提示：完成任务后，请验证是否与实践描述效果一致，如一致，恭喜您，你已经掌握此技能，否则，请重复学习此节内容。 【任务】 一、静态网页的实现 1、运用CSS，让导航菜单在右侧绝对定位显示。 2、运用锚点，实现导航定位。 提示：使用position属性。 二、jQuery实现定位导航特效 1、滚动条发生滚动时，要获取相应的值。 提示：先要获取到相应的scrollTop()、导航和当前所在的楼层。 2、实现让导航菜单在滚动条滚动的时候，自动设置焦点。 提示：这里遍历时，需要对滚动条位置，和每个元素位置做一个判断，并把相应的元素id值赋予currentId。 3、给相应楼层的a 设置 current，取消其他链接的 current。 【不会了怎么办】 详见参考代码。查看全部
-
xxx.href得到的是http:....#item1这样的地址，所以不好和之前的currentId （item1）比较，所以运用split()方法借助"#"分段，把xxx.href拆成数组，然后取数组最后一个元素，就是item1这样的字符串了，方便与currentId比较 JS中没有each用for循环，用for循环时用break跳出循环查看全部
-
实现效果：查看全部
-
$(window)和$(document)获取到的对象不同。 1、Window 对象表示一个浏览器窗口或一个框架。在客户端 JavaScript 中，Window 对象是全局对象，所有的表达式都在当前的环境中计算. 2、Document 对象是 Window 对象的一部分,每个载入浏览器的 HTML 文档都会成为 Document 对象.查看全部
-
alt+鼠标拖动=列模式进行选择查看全部
-
ie6 position:fixed 兼容写法查看全部
-
menu.find("[href="+currentId+"]").addClass("current"); jQuery 属性选择器 jQuery 使用 XPath 表达式来选择带有给定属性的元素。 $("[href]") 选取所有带有 href 属性的元素。 $("[href='#']") 选取所有带有 href 值等于 "#" 的元素。 $("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。 $("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。 就跟拼接字符串一样，currentId是个对象，不加加号的话menu.find("[href = currentId ]")表示找href属性为"currentId"的，很显然没有，只有href属性为"item1"、"item2"、....这样的。查看全部
-
@注意事项 Ps1：锚点链接：html5使用id进行锚点链接，html5取消了name属性。 Ps2：$(window)和$(document)获取到的对象不同： 1、Window 对象表示一个浏览器窗口或一个框架。在客户端 JavaScript 中，Window 对象是全局对象，所有的表达式都在当前的环境中计算。 2、Document 对象是 Window 对象的一部分,每个载入浏览器的 HTML 文档都会成为 Document 对象。 Ps3：jQuery中通过id筛选永远比用class筛选的效率要高的多所以通过$("#").find()更有效率。 Ps4：jQuery的offset()方法会返回？一个对象，包含top和left属性，对应匹配元素的top和left相对偏移。 Ps5：浏览器调试：IETest测试工具。 代码： /*IE6 hack*/ *html, *html body{ //通过给body添加空白图片的技巧来稳定fixed导航的跳动。 background-image:url(about:blank); background-attachment:fixed; } * html #menu{ //解决IE6不支持position:fixed; position:absolute; top:expression(((e=documentElement.scrollTop)?e:document.body.scrollTop)+100+'px'); } 【温馨提示：JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等编程爱好者关注我，加我慕课好友，互相学习，共同进步！】查看全部
-
var jumpList = document.getElementById("jump").getElementsByTagName("a");<br> for(var i = 0; i < jumpList.length; i++){<br> jumpList[i].floorNumber = i;<br> }<br> document.onscroll = function (event) {<br> //事件代理<br> if(event.target.nodeName === "#document"){<br> //确定是document发生了滚动<br> var fromTop = document.body.scrollTop;<br> var floorNumber = Math.floor((fromTop-54)/575);<br> if(floorNumber !== lastActive && floorNumber > -1){<br> jumpList[lastActive].className = "";<br> jumpList[floorNumber].className = "active";<br> lastActive = floorNumber;<br> }<br> <br> }<br> };<br> var floorList = document.getElementById("content").getElementsByTagName("div");<br> var lastActive = 0;<br> jumpList[lastActive].className = "active";<br> 原生js极限优化写法查看全部
举报
0/150
提交
取消