网页定位导航特效_学习笔记

首页免费课网页定位导航特效笔记

网页定位导航特效

                
                姜维
            Web前端工程师

                    查看讲师更多课程 
                    姜维讲师的其他课程
                
jQuery插件——Validation Plugin
中级·65871
免费课程
                                
jQM Web App –列车时刻表
中级·38491
免费课程
                                
基于bootstrap的网页开发
中级·187669
免费课程
                                
WEB调试工具---Firebug
初级·77662
免费课程
                                
用JS实现放大镜特效
初级·30102
免费课程
                                
                难度初级
            
                时长 1小时 1分
            
                学习人数
            
综合评分9.77
                            332人评价
                        查看评价
                                9.9
                                内容实用
                            
                                9.7
                                简洁易懂
                            
                                9.7
                                逻辑清晰

最热最新

桥风L

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) { result.push(element[i]); } } return result; } }

查看全部

0 采集收起来源：使用JS获取元素
2018-03-22
桥风L

解决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'); }

查看全部

0 采集收起来源：浏览器调试
2016-04-08
RegDai

ietester用于测试各个版本的ie浏览器

查看全部

0 采集收起来源：使用JS获取元素
2016-04-08
桥风L

1.zencoding插件：可简化敲代码 (1) ul>li*5>a 按tab键 (2) 按住ALT键，就可以竖向选择 2.超链接悬浮或者座位焦点时(a.current 这里的current是设置第一个为默认)文字变白给个背景色 3.定位小技巧：固定menu的位置的时候fixed完成之后 left:50% 先让要定位的元素居中显示； margin-left:400px;再根据要相对定位的元素的宽度对要定位元素进行位置偏移。

查看全部

0 采集收起来源：使用jQuery实现网页定位导航（上）
2018-03-22
风谷菌

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) { result.push(element[i]); } } return result; } }

查看全部

0 采集收起来源：使用JS获取元素
2018-03-22
Sakura_大表哥 01:48

scroll([data],fn)：当用户滚动指定元素时，会触发scroll事件<br> scroll事件适用于所有可滚动的元素和window对象（浏览器窗口） $(window).scroll(function(){/*...*/}); scrollTop([val]):获取/设置匹配元素相对滚动条顶部的偏移 offset()：获取匹配元素的相对偏移

查看全部

0 采集收起来源：特效设计
2018-03-22
wehome

/*ie6 hack*/ * html, * html body { background-image: url(about:blank); background-attachment: fixed; } * html #menu { /*position: fixed;*/ position: absolute; top: expression(((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+100+'px'); }

查看全部

0 采集收起来源：编程练习
2016-04-02
程瑞chry 01:50

scroll

查看全部

0 采集收起来源：特效设计
2016-03-31
keiu

/*ie6 hack*/ * html, * html body { background-image: url(about:blank); background-attachment: fixed; } * html #menu { /*position: fixed;*/ position: absolute; top: expression(((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+100+'px'); }

查看全部

0 采集收起来源：编程练习
2016-03-29
R4 00:10

特效所需掌握技术点

查看全部

0 采集收起来源：使用jQuery实现网页定位导航（上）
2016-03-28
好好学习向钱看 02:22

zencodin

查看全部

0 采集收起来源：使用jQuery实现网页定位导航（上）
2016-03-26
SQJ 05:13

浏览器的跳动问题

查看全部

0 采集收起来源：浏览器调试
2016-03-25
梦幻星空web

xxx.href得到的是http:....#item1这样的地址，所以不好和之前的currentId （item1）比较，所以运用split()方法借助"#"分段，把xxx.href拆成数组，然后取数组最后一个元素，就是item1这样的字符串了，方便与currentId比较 JS中没有each用for循环，用for循环时用break跳出循环

查看全部

0 采集收起来源：使用JS为元素class赋值
2018-03-22
梦幻星空web

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) { result.push(element[i]); } } return result; } }

查看全部

1 采集收起来源：使用JS获取元素
2018-03-22
梦幻星空web

解决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'); }

查看全部

0 采集收起来源：浏览器调试
2016-03-23