慕课网

网页定位导航特效

最热最新

慕用7077196

网页定位导航特效 1、找到当前id； 2、替换当前菜单焦点样式。

查看全部

0 采集收起来源：编程挑战
2015-02-10
慕用7077196

var top = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop;或var top = document.documentElement.scrollTop || document.body.scrollTop;用js实现滚动时根据滚动条的位置自动设置导航菜单的焦点在chrome下document.documentElement.scrollTop为0，用var top = document.documentElement.scrollTop || document.body.scrollTop;

查看全部

0 采集收起来源：编程练习
2015-02-10
yangxiaomie

技术点详解

查看全部

0 采集收起来源：特效设计
2015-02-09
yangxiaomie 00:53

需要掌握的技术点

查看全部

0 采集收起来源：特效设计
2015-02-09
yangxiaomie

1.CSS 2.滚动时焦点

查看全部

0 采集收起来源：网页定位导航设计
2015-02-09
yangxiaomie 01:18

定位关联

查看全部

0 采集收起来源：网页定位导航设计
2015-02-09
慕用7077196

用原生态js编写代码，尤其要注意浏览器的兼容性。如果某些浏览器不兼容，将可以通过编辑函数来实现或替代某些功能。 1、比如，使用document.getElementsByClassName()，IE对这个方法的支持很差。解决方法的代码如图所示。 2、获取页面的滚动条距离顶部的高度可以用下面的方法： var top = document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop;

查看全部

0 采集收起来源：使用JS获取元素
2015-02-09
慕用7077196

针对因为IE6不支持position:fixed出现的显示问题而使用的hack: * html,*html body { background-image: url(about:blank); background-attachment:fixed; } 当你滚动或调整你的浏览器大小的时候，它将重置所有内容并重画页面，这个时候它就会重新处理css表达式。这会引起一个“振动”bug，在此处固定位置的元素需要调整以跟上你的(页面的)滚动，于是就会“跳动”。使用background-attachment:fixed为body或html元素添加一个background-image。就会强制页面在重画之前先处理CSS。页面就不会跳动了

查看全部

0 采集收起来源：浏览器调试
2015-02-09
慕用7077196

1、$(selector).scroll(function(){})--滚动条滚动监听方法 2、$(selector).scrollTop()--滚动条垂直偏移量设置和获取方法 3、$(selector).offset().top/.left--文档的竖直和横向偏移量

查看全部

0 采集收起来源：编程练习
2015-02-09
慕用7077196

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

查看全部

0 采集收起来源：练习题
2015-02-09
慕用7077196

ul>li*5>a tab键：ul里面5个里，每个li里面都有个a alt键可以纵向选择内容

查看全部

0 采集收起来源：使用jQuery实现网页定位导航（上）
2018-03-22
慕用7077196 01:51

特效需要掌握的技术点

查看全部

0 采集收起来源：特效设计
2015-02-09
Numver 06:20

用原生态js编写代码，尤其要注意浏览器的兼容性。如果某些浏览器不兼容，将可以通过编辑函数来实现或替代某些功能。 1、比如，使用document.getElementsByClassName()，IE对这个方法的支持很差。解决方法的代码如图所示。 2、获取页面的滚动条距离顶部的高度可以用下面的方法： var top = document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop;

查看全部

0 采集收起来源：使用JS获取元素
2015-02-08
Numver

/* 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'); }

查看全部

0 采集收起来源：浏览器调试
2015-02-08
SiRain

动手写写

查看全部

0 采集收起来源：编程练习
2015-02-06

首页上一页 98 99 100 101 102 103 104 下一页尾页

0/150

提交

取消

开始学习

课程须知: 学习本课程之前，您需要具备HTML、CSS、JavaScript、jQuery几个方面的基础知识。

老师告诉你能学到什么？: 如何使用jQuery、JavaScript两种方式实现网页定位导航，提升HTML、CSS、JavaScript、jQuery的综合应用能力。