getStyle 和 startMove

 1 function getStyle(obj,attr){
 2             if(obj.currentStyle){
 3                 return obj.currentStyle[attr]
 4             }else{
 5                 return getComputedStyle(obj)[attr]
 6             }
 7         }
 8         function startMove(obj,json,fn){
 9             clearInterval(obj.timer);
10             obj.timer=setInterval(function(){
11                 var stops=true;
12                 for(var name in json){
13                     var target=parseInt(parseFloat(json[name]));
14                     var cur=parseInt(parseFloat(getStyle(obj,name)));
15                     var speed=(target-cur)/30;
16                     speed=speed>0?Math.ceil(speed):Math.floor(speed);
17                     obj.style[name]=speed+cur+"px";
18                     if(cur!=target){
19                         stops=false;
20                     }
21                 }
22                 if(stops){
23                     clearInterval(obj.timer);
24                     if(fn){
25                         fn()
26                     }
27                 }
28             },20)
29         }
时间: 2024-12-08 06:46:25

getStyle 和 startMove的相关文章

兼容的获取样式的函数getStyle()

想要得到某个元素的某个样式属性,可以用: 1 <div id="div01" style="color:red">123</div> 2 3 var ele = document.getElementById("div01"); 4 console.log(ele.style.color); 但这样只能得到写在元素上的行内样式,对于link进来的样式文件或<style></style>中写的样式是获

getStyle 获取元素所绑定的css属性

function getStyle(el,cssProp){     if(el.currentStyle){   // ie         return el.currentStyle[sccProp];     }     else if(window.getComputedStyle){         return window.getComputedStyle(el)[sccProp];     }     //      return el.style[cssProp]; }

js兼容方法:获取当前样式|计算后样式 getStyle

function getStyle(obj,attr){ if(obj.currentStyle){ //for IE return obj.currentStyle[attr]; }else{ return getComputedStyle(obj,null)[attr]; } }

Ext tabpanel集成第三方charts(echarts、amcharts等)的问题(报getstyle为null的错误)

最近在做ext集成charts的功能,主要是使用tabpanel,将charts集成到tab中,随便切换tab选项就会报错崩溃. 之前演示的时候也发现了该问题,由于在tab项中有加载svg文件的操作,该svg文件是比较大的,开始是怀疑有可能是加载大文件时的问题,没有注意,但是后来将charts集成后该问题重复出现,必须解决. 这里自己给自己挖了一个大坑,出现问题时其实应该在有问题的代码处打上断点,看看相关的变量的值,当时就是没有,由于考虑是大文件的问题,随即换了另外的方式来加载svg文件,但是问

(转载)记录函数 getStyle() 获取元素 CSS 样式

设置元素(element)的css属性值可以用element的style属性,例如要将element的背景色设置为黑色,可以这么做: element.style.backgroundColor = '#000'; 然而,很多时候我们在修改元素的样式之前要先保留元素原来的样式属性值,或许可以这么做: var bc = element.style.backgroundColor; 这么做有可能获取到element元素的background-color属性值,但是,在多数情况下获取到的确实 'unde

GetStyle,ModifyStyle,GetExStyle,ModifyStyleEx

要添加或除去窗口的普通风格,可以使用GetStyle()和ModifyStyle()方法来实现 要设置或去除窗口的扩展风格,可以使用GetExStyle()和ModifyStyleEx() 方法实现 1. CWnd::GetExStyle 与 CWnd::ModifyStyle (1) GetExStyle 原型:  DWORD GetStyle() const; 作用:  获取窗口风格参数 返回:  返回当前窗口风格 例如: DWORD dwStyle = GetStyle(); ::SetW

GetStyle By CSS

我们知道通过 document.getElementById("argument"); //argument(元素); value = argument.style.width;的方式可以轻松获取  或者读写该argument的样式(宽度).但是我们知道这个属性是在<HMTL>标签中的,那么如果我们argument的样式写在CSS中呢?我们就需要用别的方法来获取它的样式值.那么,我们就要用到 getComputedStyle("argument",&qu

getStyle(obj, attr)兼容获取css

设置元素(element)的css属性值可以用element的style属性,dom.style.attr  这样或取得到的值大多数是undefined:何解? dom.style.attr  是用来获取内联样式的,现在网页基本都是外链样式表这样获取不到值:所以只能是undefined: 那该如何获取,或者设置其样式呢?下边有一个getStyle()方法: <script>function getStyle(obj, attr) { if(obj.currentStyle) { return

JavaScript初步认识

一 . JavaScrip的嵌入方式: ----- <li onclick="alert('Hello')">条目一</li>         内嵌在html中 ------<li onclick="init()">条目一</li> <script> function init(){ alert("Hello"): } </script>