-
/*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-1特效所需掌握的技术点。查看全部
-
@代码如图 Ps：JS中没有addclass和removeclass的方法。首先使用正则表达式判断class的存在。 注意：addclass 的时候要加空格。 【温馨提示：JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等编程爱好者关注我，加我慕课好友，互相学习，共同进步！】查看全部
-
Ps1：documentElement 和 body 相关说明： -body 是DOM对象里的body子节点，即 <body> 标签； -documentElement 是整个节点树的根节点root，即<html> 标签； 解析：DOM把层次中的每一个对象都称之为节点，就是一个层次结构，你可以理解为一个树形结构，就像我们的目录一样，一个根目录，根目录下有子目录，子目录下还有子目录。以HTML超文本标记语言为例：整个文档的一个根就是,在DOM中可以使用document.documentElement来访问它，它就是整个节点树的根节点。而body是子节点，要访问到body标签，在脚本中应该写：document.body。 Ps2： /*因为兼容性问题，要用如下的方法。使用原生方法，要注意兼容性*/ 1.var top = document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop; 2.IE浏览器对getElementByClassName()方法支持较差，解决方法(粗略，在外面重新写一个方法)： function getByClassName(obj,cls){ var element = document.getElementsByTagName("*"); var result = []; for (var i = 0; i < element.length; i++) { if (element[i].className == cls) { //如果有多个class这是不成立的。 result.push(element[i]); } } return result; } } Ps3：在JavaScript中获取的href是整个地址栏的完整地址，所以需要拆分（以“#”拆分）。 【温馨提示：JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等编程爱好者关注我，加我慕课好友，互相学习，共同进步！】查看全部
-
@注意事项 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等编程爱好者关注我，加我慕课好友，互相学习，共同进步！】查看全部
-
代码： $(document).ready(function () { $(window).scroll(function () { var items = $("#content").find(".item"); var menu = $("#menu"); var top = $(document).scrollTop(); var currentId = ""; //滚动条现在所在位置的item id items.each(function () { var m = $(this); //注意：m.offset().top代表每一个item的顶部位置 if (top > m.offset().top - 300) {//-300 是因为用户体验效果，可以调节。 currentId = "#" + m.attr("id"); } else { return false; } }); //each function解析 /* top=2000 currentId="#item1"、"#item2"、"#item3" //最终currentId="#item3"; 60 item1 869 item2 1678 item3 2487 item4 3296 item5 */ var currentLink = menu.find(".current"); if (currentId && currentLink.attr("href") != currentId) {//第一个判断是否为空值（""）,第二个判断是否当前的id currentLink.removeClass("current"); menu.find("[href=" + currentId + "]").addClass("current"); } }); }); 【温馨提示：JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等编程爱好者关注我，加我慕课好友，互相学习，共同进步！】查看全部
-
zencoding插件 简写代码：ul>li*5>a 注意：li*5不能是5*li。Tab键要在行代码的末尾才能达到预想的效果。 样式#menu： left:50%;margin-left:400px;//样式技巧：先页面居中，再根据测量离页面中间多少距离。 【温馨提示：JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等编程爱好者关注我，加我慕课好友，互相学习，共同进步！】查看全部
-
@特效所需要掌握的技术点 提示：锚点（anchor）：锚点是网页制作中超链接的一种，又名锚记。锚点是一种页面内的超级链接。使用锚点可以在文档中设置标记，这些标记通常放在文档的顶部。 【温馨提示：JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等编程爱好者关注我，加我慕课好友，互相学习，共同进步！】查看全部
-
@特效分析 注意：滚动条（S）在BC之间，2F；AB之间就是1F；以此类推。 提示："分析-设计-实现"这是解决问题的一般流程。 【温馨提示：JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等编程爱好者关注我，加我慕课好友，互相学习，共同进步！】查看全部
-
sublime text 3 HBuilder webstorm查看全部
-
jquery通过Id筛选效率最高查看全部
-
h5中name作为锚点链接已经取消，今后直接用id查看全部
-
特效所需掌握的技术点查看全部
-
HTML5统一使用ID做锚点链接查看全部
-
现在不懂，会之后回来看看。http://www.imooc.com/code/1399查看全部
举报
0/150
提交
取消