-
position:fixed----固定的定位，导航
display:inline---图片链接
查看全部 -
xxx.href得到的是http:....#item1这样的地址，所以不好和之前的currentId （item1）比较，所以运用split()方法借助"#"分段，把xxx.href拆成数组，然后取数组最后一个元素，就是item1这样的字符串了，方便与currentId比较 JS中没有each用for循环，用for循环时用break跳出循环 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是整个地址栏的完整地址，所以需要拆分（以“#”拆分）。
查看全部 -
var top = document.documentElement ||document.documentElement.scrollTop : document.body.scrollTop;
因为兼容性问题，要用如上的方法。 使用原生方法，要注意兼容性
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) {
result.push(element[i]);
} } return result; } }
查看全部 -
兼容ie6不支持fixed定位的方法：
*html ,*html body{background-image:url(about:blank);
background-attachnent :fixed; } //防止闪烁
*html #menu{position:absolute;
top:expression(((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+100+"px');
查看全部 -
滚动的知识点
查看全部 -
锚点（anchor/ˈæŋ.kɚ/）：是网页制作中超链接的一种，又叫作命名锚记。锚点是一种页面内的超级链接。
查看全部 -
由于这个页面单个导航条图片所占的高比之前的用例大，所以需要-300像素，才能保证导航条可以划到最后一个
itemTop-300
查看全部 -
IE11禁用了缓存，所以导航一开始不能用，把阻止的选项打开，可以搞定
查看全部 -
这是一个JQuery的属性选择器的写法格式，这个题目属于下面的第二类
$("[href]") 选取所有带有 href 属性的元素。
$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。
$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。
$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。
查看全部 -
导航特效查看全部
-
最新版jquery：
属性选择器用法--$("[attribute='value']")
而这里menu.find("[href="+currentId + "]"不适用
本来改成menu.find("[href='currentId' ]"的，但是currentid是变量不能呗引号包住
所以就是menu.find("[href='"+currentId+"']" )摘
查看全部 -
function hasClass( obj , cls ){
return obj.className.match( new RegExp( "(\\s|^)" + cls + "(\\s|$)" ) );
}
function removeClass(obj , cls){
if( hasClass(obj , cls) ){
var reg = new RegExp( "(\\s|^)" + cls + "(\\s|$)" );
obj.className = obj.className.replace( reg , "" );
}
}
function addClass( obj , cls ){
if( !hasClass( obj , cls ) ){
obj.className += " " + cls;
}
}
查看全部
举报