-
设计（技术点）： 1、锚点（anchor），即页面内超链接，标签为<a>； 2、滚动条的事件和方法（使用JQ实现：.scroll() + .scrollTop() + .offset()）。查看全部
-
解决问题的流程：分析 -> 设计 -> 实现 分析（要实现的功能）： 1、左侧内容+右侧导航条； 2、左侧滚动时，右侧导航的位置不变； 3、左侧滚动到某个栏目时，右侧定位到相应链接； 4、点击右侧链接时，左侧定位到相应栏目。 难点： 1、左右侧的样式； 2、左右侧的定位关联（思路见图）： A、B、C分别为1F、2F、3F到视窗顶端的距离； S1、S2表示滚动条的位置，若滚动条在B、C之间，表示目前滚动到2F，此时2F获得焦点。查看全部
-
ps 小div 紧贴居中 大div 的边缘 小的div left：50%； margin-left：** **：为大div宽度的一半查看全部
-
zen coding很有用： (div#item$.item>h2+ul>li*9>a[href="#"]>img[src="F.jpg"])*5查看全部
-
解决IE6不兼容fixed属性的方法，在css中加入： /*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'); }查看全部
-
浏览器兼容性调试：工具（IETester） hack:利用编码达到区分不同的浏览器，并为不同的浏览器设置不同的样式查看全部
-
1、直接引入百度资源公共库中的插件比把插件下载到本地再引入的速度快且方便； 2、Jquery中用id去获取元素远比通过class去获取元素效率高查看全部
-
位置固定小技巧： left：50%； margin-left： 先把元素位置居中，再根据其他元素的宽度定位于相应的位置查看全部
-
/*请补充此处代码，让右侧广告正确显示*/ #content .item{ position: relative; height:540px; width: 100%; margin-bottom: 20px; } /*请补充此处代码，让导航菜单在左侧绝对定位显示*/ #menu{ position: fixed; top:100px; left: 50%; margin-left:-660px; width: 160px; } // 让导航菜单实现在滚动条滚动的时候自动设置焦点 items.each(function(){ var _this = $(this); var _itemTop = _this.offset().top; if(top>_itemTop-50){ currentId = "#"+_this.attr("id"); }else{ return false; } }); var currentLink = menu.find(".current"); if(currentId && currentLink.attr("href") != currentId){ currentLink.removeClass("current"); menu.find("[href="+currentId+"]").addClass("current"); }查看全部
-
left:50% margin-left:400px查看全部
-
//获取样式名字的兼容写法 function getByClassName(obj,cls){ var elements = obj.getElementByTagName("*"); var result = []; for(var i=0;i<elements.length;i++){ if(elements[i].className ==cls){ result.push(elements[i]); } } return result; }查看全部
-
滚动条距离顶部的距离。 var top = document.documentElement ？ document.documentElement.scrollTop : document.body.scrollTop;查看全部
-
用原生JavaScript获取href: 获取全部网站的值。 用jQuery的attr获取href: 只含当前的值，不会获取全部网站查看全部
-
小知识: 1、在JavaScript原生上,当滚动条发生滚动时发生事件: window.onscroll=function(){ } 2、IE浏览器对getElementsByClass支持比较差，因此把获取Class写成一个函数[对于有多个class是不成立的] function(obj,class){ var classS=[]; //获取所有标签 var elements=obj.getElementsByTagName('*'); //然后对所有标签进行判断(是否有传进来class) for(var i=0;i<elements.length;i++){ if(elements[i].className==class){ classS.push(element[i]); } } return calssS; }查看全部
-
IE6不支持fixed(固定定位)。 解决办法:(通过三元运算符来解决) /*IE6 hack*/ * html 菜单ID{ position:absolute; top:expression(((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+100+'px') } 解决跳动问题: * html,* html doby{ background-iamge:url(about:blank); background-attachment:fixed; }查看全部
举报
0/150
提交
取消