Web APIs---15. PC端网页特效(4)
案例：返回顶部 来源： https://www.cnblogs.com/deer-cen/p/12310668.html
网页特效
Web APIs---13. PC端网页特效(3)
4 动画函数封装 4.1 动画原理实现 举例 <style> div { position: absolute; left: 0; width: 100px; height: 100px; background-color: pink; } </style> <body> <div></div> <script> var div = document.querySelector('div'); var timer = setInterval(function() { if (div.offsetLeft >= 400) { //停止动画，停止定时器 clearInterval(timer); } div.style.left = div.offsetLeft + 1 + 'px'; //offsetLeft只可以读，不可以写 }, 30) </script> </body> 4.2 动画函数简单封装 <style> div { position: absolute; left: 0; width: 100px; height: 100px; background-color: pink; } span { position: absolute; left: 0; top: 200px; display: block; width: 150px; height: 150px;
Web APIs---10. PC端网页特效
1 来源： https://www.cnblogs.com/deer-cen/p/12283848.html
源码网站大全
1. 中国站长站下载 www.chinaz.com 2. 源码之家 ASP、PHP、JSP、DOTNET、数据库、教程、源码下载。 www.mycodes.net 3. The Code Project[英] www.codeproject.com 4. 中国源码中心 提供asp,php,cgi,asp.net、flash源码代码下载，给你最好的免费代码下载。含资讯中心、下载分类、最近更新、排行榜、国产软件、国外软件、汉化补丁等栏目。 www.cncode.com 5. 洪越源代码 www.softhy.net 6. 搜源码 包括ASP源码、PHP源码、CGI源码、编程源码等。 www.soucode.com 7. 源码天下 www.pccode.net 8. 源码网 www.codepub.com 9. 月光工作室 软件开发者家园，为开发人员提供VB、ASP、C等源程序下载。 www.moon-soft.com 10. 代码中国网 集asp，cgi，php，VB，delphi等各类源代码下载。 www.codechina.net 11. 下吧源码联盟 ASP源码，PHP，JSP，CGI，asp.NET代码下载，工具软件。 www.xia8.com 12. 中国代码 包括asp下载，PHP下载，CGI下载，很多代码。 www.china-code.net 13. 源码空间
PC端网页特效
1.元素偏移量 offset 系列 1.1 offset 就是偏移量，使用 offset 系列相关属性可以 动态 得到该元素的位置（偏移）、大小等。 注意： 1.获得元素距离带有定位父元素的位置 2.获得元素自身的大小（宽度和高度） 3.返回的数值都不带单位 1.2 offset 系列常用属性（元素以带有定位的父亲为准，如果没有父亲，或者父亲没有定位，则以 body 为准） element.offsetTop 返回元素相对带有定位父元素上方的偏移 element.offsetLeft 返回元素相对带有定位父元素左边框的偏移 element.ofsetParent 返回作为该元素带有定位的父级元素 如果父级都没有定位则返回 body element.offsetWidth 返回自身包括 padding、边框、内容区的宽度，返回数值不带单位 element.offsetHeight 返回自身包括 padding、边框、内容区的高度，返回数值不带单位 区别：offsetParent 返回带有定位的父亲，否则返回body， parentNode 返回父亲 是最近一级的父亲 亲爸爸 不管父亲有没有定位 1.3 offset 和 style 的区别 offset 可以得到任意样式表中的样式值，style 只能得到行内样式表中的样式值