码迷,mamicode.com
首页 > 其他好文 > 详细

获取非行间样式

时间:2017-09-04 22:32:05      阅读:218      评论:0      收藏:0      [点我收藏+]

标签:math   filter   current   return   行间样式   function   opacity   取值   ret   

//获取非行间样式的方法
function getCss(obj,arr){
if(obj.currentStyle){
return obj.currentStyle[arr];
}else{
return getComputedStyle(obj,false)[arr];
}
};
//获取class的方法
function getClass(parent,name){
var oParent = parent || document;
var aEles = oParent.getElementsByTagName("*");
var result=[];
for(var i=0; i<aEles.length;i++){
var arr= aEles[i].className.split(‘ ‘);
for(var j=0; j<arr.length;j++){
if(arr[j]==name){
result.push(aEles[i])
}
}
};
return result;
};

//js动画方法
function animate(obj,json,fn){
clearInterval(obj.timer);
obj.timer = setInterval(function(){
var off=true;
for(var arr in json){//left:200 top:200 arr=>left
var cur= 0;
if(arr==‘opacity‘){
cur=parseFloat(getCss(obj,arr))*100;//获取值
}else{
cur=parseInt(getCss(obj,arr));
};

var speed = (json[arr] - cur)/8;
speed= speed>0 ? Math.ceil(speed):Math.floor(speed);

if(cur != json[arr]){
off=false;
};
if(arr==‘opacity‘){
cur+=speed;
obj.style[arr]= cur/100;
obj.style.filter=‘alpha(opacity:‘+cur+‘)‘;

}else{
obj.style[arr]= cur+speed+‘px‘;
}
}
if(off){
clearInterval(obj.timer);
if(fn){
fn.call(obj)
}
}

},30)
}

获取非行间样式

标签:math   filter   current   return   行间样式   function   opacity   取值   ret   

原文地址:http://www.cnblogs.com/gaoyueliu/p/7475895.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!