js动画--一个小bug处理下
2016-01-10 15:01
706 查看
原文链接:https://www.geek-share.com/detail/2663409262.html
对于上面的课程我们很好的处理了一个小bug,那么我们现在讲程序进行优化一下,前一节的程序中,我们处理处理的属性都是写死了的。为了我们能够很好的对某个属性进行操作的话。我们这样来设置。
js文件
window.οnlοad=function(){ var ls=document.getElementsByTagName("li"); for(var i=0,l=ls.length;i<l;i++){ ls[i].timer=null; ls[i].onmouseover=function(){ startMove(this,"width",400); } ls[i].onmouseout=function(){ startMove(this,"height",400); } } } function startMove(object,attr,Target){ //alert(parseInt(getStyle(object,attr)); clearInterval(object.timer); object.timer=setInterval(function(){ var speed=(Target-parseInt(getStyle(object,attr)))/10; speed=speed>0? Math.ceil(speed):Math.floor(speed); if(parseInt(getStyle(object,attr))==Target){ clearInterval(object.timer); }else{ object.style[attr]=parseInt(getStyle(object,attr))+speed+"px";//这个地方,我们设置属性通过object.style[attr]来设置的。 } },50) } function getStyle(object,attr){ if(object.currentStyle){ return object.currentStyle[attr];//IE浏览器 }else if(getComputedStyle){ return getComputedStyle(object,false)[attr];//火狐浏览器 } }
转载于:https://www.cnblogs.com/yuaima/p/5118470.html
相关文章推荐
- js动画--一个小bug处理下
- js动画---一个小bug的处理
- ie 处理 gif动画 的onload 事件的一个 bug
- ie 处理 gif动画 的onload 事件的一个 bug
- ie 处理 gif动画 的onload 事件的一个 bug
- 003-js缓动动画的一个小bug
- ie 处理 gif动画 的onload 事件的一个 bug
- IE处理GIF动画图片onload事件的一个BUG
- ie 处理 gif动画 的onload 事件的一个 bug
- js最大时间间隔为一个月的处理以及parseInt(08)和parseInt(09)的一个bug
- [前端测试]关于JS判断id的一个Bug
- 一个SQL的bug:值为null的字段处理
- 共享一个JS分页处理类(4)
- 用js语法处理将一个大数组截取成几个小数组的合集
- 关于validate验证表单与js语法的一个bug
- tween.js一个平滑动效果的js动画库
- 关于Ext.form.NumberField中输入一个超大数字,失去焦点后变成另一个数字的bug的处理
- js 动画,一个图片旋转的动画
- js处理对象参数值,过滤掉对象参数值为""、null、undefined,并返回一个新对象
- C++ getline在VC6.0的一个bug(处理方法)(转)