资源描述：
《14前端基本功网页特效401前端基本功js第十一天》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。
1、前端基本功—javascript第十一天目录目录21.2复习31.3三个取整函数31.4缓动动画原理41.5js常用访问CSS属性41.6得到css样式5复习1.clientXclientWidth可视区域的宽度clientWidthwidth+paddingoffsetWidthwidth+padding+borderscrollWidthwidth+padding超过内容的宽度2.window.onresize窗口改变3.匀速运动函数原理：盒子的原来位置+步长1.1三个取整函数这三个函数都是数学函数MathMath.ceil()
2、向上取整天花板比如说console.log(Math.ceil(1.01))结果是2console.log(Math.ceil(1.9))结果2console.log(Math.ceil(-1.3))结果是-1Math.floor()向下取整地板比如说console.log(Math.floor(1.01))结果是1console.log(Math.floor(1.9))结果1console.log(Math.floor(-1.3))结果是-2Math.round()四舍五入函数console.log(Math.round(1.01
3、))结果是1console.log(Math.round(1.9))结果是21.1缓动动画原理匀速动画的原理：盒子本身的位置+步长缓动动画的原理:盒子本身的位置+步长(不断变化的)封装代码：1functionanimate(obj,target){//第一个参数动谁第二个参数动多少2clearInterval(obj.timer);3obj.timer=setInterval(function(){4//计算步长动画的原理盒子本身的位置+步长5varstep=(target-obj.offsetLeft)/10;//步长6step=
4、step>0?Math.ceil(step):Math.floor(step);//取整步长7//obj.style.left=盒子本身的位置+步长8obj.style.left=obj.offsetLeft+step+"px";9if(obj.offsetLeft==target){10clearInterval(obj.timer);11}12},30)13}1.2js常用访问CSS属性我们访问得到css属性，比较常用的有两种：1.利用点语法box.style.widthbox.style.top点语法可以得到width属性和t
5、op属性带有单位的。100px但是这个语法有非常大的缺陷，不变的。后面的width和top没有办法传递参数的。varw=width;box.style.w2.利用[]访问属性语法格式:box.style[“width”]元素.style[“属性”];console.log(box.style["left"]);最大的优点：可以给属性传递参数1.1得到css样式我们想要获得css的样式，box.style.leftbox.style.backgorundColor但是它只能得到行内的样式。但是我们工作最多用的是内嵌式或者外链式。怎么办
6、？核心：我们怎么才能得到内嵌或者外链的样式呢？1.obj.currentStyleieopera常用外部（使用）和内嵌（使用
