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

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

网页定位导航特效

                
                姜维
            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
                                逻辑清晰

最热最新

慕设计5355172

为啥错了啊？？？？？

查看全部

0 采集收起来源：编程练习
2016-09-22
Freestyle文

/*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-09-22
日月晓风 01:56

123

查看全部

0 采集收起来源：特效设计
2016-09-21
日月晓风 00:30

锚点1

查看全部

0 采集收起来源：特效设计
2016-09-21
qq_yEs先生_53591812

浏览器调试：IETest测试工具，一般情况下ie7下通过了ie8,ie9也没有问题，特别的ie6不支持position的fixed属性，做一个hank()。通过给样式额外添加hack，以达到ie兼容问题。具体操作是在相应样式前添加“* html”来实现，同时如果有某些属性为ie所不能兼容的，将以特殊表达式来实现，例如：fixed属性。通过给body添加空白图片的技巧来稳定fixed导航的跳动。 /*IE6 hack*/ *html, *html body{ background-image:url(about:blank); background-attachment:fixed; } * html #menu{ /*position:fixed;*/ position:absolute; top:expression(((e=documentElement.scrollTop)?e:document.body.scrollTop)+100+'px'); }

查看全部

0 采集收起来源：浏览器调试
2016-09-20
qweqwe13123123 04:13

判断是非有class 1.移除class 2.添加class

查看全部

0 采集收起来源：使用JS实现函数
2016-09-18
qweqwe13123123 06:33

少数class 的 getByClassName 的封装方法。

查看全部

0 采集收起来源：使用JS获取元素
2016-09-18
qweqwe13123123 05:26

hack ie6 ie7被淘汰，可能用不到。可以用_写在ie6里面 *写在ie7里面解决IE6下不fixed 定位的写法。

查看全部

0 采集收起来源：浏览器调试
2016-09-18
jfhdibrbfjd

正则表达式的校验

查看全部

0 采集收起来源：使用JS实现函数
2016-09-15
qweqwe13123123 01:51

1.课程的重点。

查看全部

0 采集收起来源：特效设计
2016-09-14
qq_寻常_03149243 00:08

技术点：

查看全部

0 采集收起来源：使用jQuery实现网页定位导航（上）
2016-09-11
岸边花开一朵朵

jQuery的offset()方法会返回一个对象，包含top和left属性

查看全部

0 采集收起来源：练习题
2016-09-11
Rising_sune

window.onload=function(){ window.onscroll=function(){ //var top=document.documentElement?document.documentElement.scrollTop:document.body.scrollTop; var top = document.documentElement.scrollTop document.body.scrollTop; var menus=document.getElementById('menu').getElementsByTagName('a'); var items=getByClassName(document.getElementById('content'),'item'); var currentId=""; for(var i=0;i<items.length;i++){ var _item=items[i]; var _itemsTop=_item.offsetTop; if(top>_itemsTop-200){ currentId=_item.id; } else{ break; } } if(currentId){ for (var j=0; j <menus.length; j++) { var _menu=menus[j]; var _href=_menu.href.split('#'); if (_href[_href.length-1] != currentId) { removeClass(_menu,'current'); }else{ addClass(_menu,'current'); } } } } }

查看全部

0 采集收起来源：使用JS实现函数
2018-03-22
Rising_sune

function getByClassName(obj,cls){ var elements=obj.getElementsByTagName('*'); var result=[]; for(var i=0;i<elements.length;i++){ if(elements[i].className==cls){ result.push(elements[i]); } } return result; } 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; } }

查看全部

0 采集收起来源：使用JS实现函数
2018-03-22
在你坟前蹭个WiFi

$(window)和$(document)获取到的对象不同。 1、Window 对象表示一个浏览器窗口或一个框架。在客户端 JavaScript 中，Window 对象是全局对象，所有的表达式都在当前的环境中计算. 2、Document 对象是 Window 对象的一部分,每个载入浏览器的 HTML 文档都会成为 Document 对象.

查看全部

1 采集收起来源：使用jQuery实现网页定位导航（中）
2016-09-07