-
用原生态js编写代码,尤其要注意浏览器的兼容性。 如果某些浏览器不兼容,将可以通过编辑函数来实现或替代某些功能。 1、比如,使用document.getElementsByClassName(),IE对这个方法的支持很差。解决方法的代码如图所示。 2、获取页面的滚动条距离顶部的高度可以用下面的方法: var top = document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop;查看全部
-
jQuery中通过id筛选永远比用class筛选的效率要高的多查看全部
-
$("selector").find("[attribute=value]"); 获得属性值为特定值的节点查看全部
-
定位导航距离分析查看全部
-
/* IE 6 hack */ /* 针对 IE6 不支持 position:fixed 出现的显示问题而使用的*/ * 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'); }查看全部
-
让IE6实现position: fixed;查看全部
-
运用css和jQuery,实现导航菜单在右侧绝对定位显示,并且可以在滚动时根据滚动条的位置自动设置导航菜单的焦点。查看全部
-
/* IE 6 hack */ /* 针对 IE6 不支持 position:fixed 出现的显示问题而使用的*/ * 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'); }查看全部
-
//代码详解 items.each(function(){ //遍历整一个楼层找到当前楼层ID var a=$(this); //存一下当前的楼层 var itemTop=a.offset().top;//存当前楼层的top值 if(top>itemTop-200){ currentId="#"+a.attr("id");//如果当前的滚动偏移值大于楼层值,将Id覆盖原来的Id值 }else{ return false; } }); //将相应楼层的Id对应到菜单current。href属性值==Id值添加current类,并删除原有 var currentLi=menu.find(".current");//找到当前的Li if(currentId && currentLi.attr("href")!=currentId){//当前li a的href值不等于ID时要改变,之所以要加上&¤tId,是因为移动范围内都不变,没必要做后面的判断,还是原来的值。在移动范围内currentId的值是false。然后&&并集,你懂的。。。 currentLi.removeClass("current");//删除原来样式 menu.find("[href="+currentId+"]").addClass("current");//将样式添加到当前的样式查看全部
-
特效所需要掌握的技术点查看全部
-
标记放在顶部查看全部
-
特效所需要掌握的技术点查看全部
-
特效设计查看全部
-
技术点: 1、锚点(anchor):锚点是网页制作中超链接的一种,又叫命名锚记。锚点是一种页面内的超级链接。 2、关于滚动条定位的事件和方法(借助jQuery)查看全部
-
设计要点查看全部
举报
0/150
提交
取消