JavaScript运动学相关

<script type="text/javascript">
        function getStyle(obj,name){
            if(obj.currentStyle){
                return obj.currentStyle[name];
            }else{
                return getComputedStyle(obj,false)[name];
            }
        }

        functon startMove(obj,attr,iTarget){
            clearInterval(obj.timer);
            obj.timer=setInterval(function(){
                var cur=0;
                if(attr=="opacity"){
                    cur=Math.round(parseFloat(getStyle(obj,attr))*100);
                }else{
                    cur=parseInt(getStyle(obj,attr));
                }
                var speed=(iTarget-cur)/6;
                speed=speed>0?Math.ceil(speed):Math.floor(speed);
                if(cur==iTarget){
                    clearInterval(obj.timer);
                }else{
                    if(attr=="opacity"){
                        obj.style.filter="alpha(opcity:"+(cur+speed)+")";
                        obj.style.opacity=(cur+speed)/100;
                    }else{
                        obj.style[attr]=cur+speed+"px";
                    }
                }
            },30);
        }
    </script>
时间: 2024-10-28 04:02:35

JavaScript运动学相关的相关文章

javascript iframe相关操作

1. 获得iframe的window对象 iframeElement.contentWindow 2. 获得iframe的document对象 存在跨域访问限制. chrome:iframeElement.contentDocument firefox:iframeElement.contentDocument ie:element.contentWindow.document 备注:ie没有iframeElement.contentDocument属性. var getIframeDocume

JavaScript正则表达式-相关的String对象方法

JavaScript正则表达式相关的String对象方法有三个: 1.match(). 2.replace(). 3.search(). match() match(regExp); 使用指定的正则表达式来搜索字符串. 如果找到匹配字符串返回一个数组,否则返回null. 返回的数组包含两个属性:index和input. index是匹配字符串在原字符串中的位置. input属性是对原字符串的引用. var reg_pattern = /a\d/; var str = "apple,a2,b3,a

JavaScript算法相关

1. 不使用循环,创建一个长度为100的数组,并且每个元素的值等于它的下标? Array.apply(null, {length: N}).map(Function.call, Number); Array.apply(0,Array(100)).map(function(item,index){return index}) https://segmentfault.com/q/1010000004872068/a-1020000004873461 2. Javascript 求100以内的质数

javascript检测相关

检测浏览器版本 function validB(){ var u_agent = navigator.userAgent; var B_name="不是想用的主流浏览器!"; if(u_agent.indexOf("Firefox")>-1){ B_name="Firefox"; }else if(u_agent.indexOf("Chrome")>-1){ B_name="Chrome"; }

javaScript Windows相关

一.Hadoop概述 hadoop由两部分组成,分别是分布式文件系统和分布式计算框架MapReduce.其中,分布式文件系统主要用于大规模数据的分布式存储,而MapReduce 则构建在分布式文件系 统之上,对存储在分布式文件系统中的数据进行分布式计算. 2.在Hadoop 中,MapReduce 底层的分布式文件系统是独立模块,用户可按照约定的一套接口实现自己的分布式文件系统,然后经过简单的配置后,存储在该文件系统上的数据便 可以被MapReduce处理.Hadoop 默认使用的分布式文件系统

javascript DOM相关总结

DOM是客户端javascript最重要的部分.包括以下几块内容: DOM的节点类型 DOM的对象属性 DOM的节点操作:增.删.改.查 DOM事件 DOM节点类型: 文档:文档本身 document. 元素:标签 .如 <body></body>.<p></p> 属性:标签中的属性.如 <form method="" action="">中的method.action 文本: 页面中的文本.如<p&

javascript数据相关处理,序列化反序列化,数据编码与解码

对象序列化简而言之,将对象转为字符串.在数据的传输过程中,经常会使用到对象序列化. javascript中常用的对象序列化:JSON.stringify(); javascript中常用的对象反序列化: JSON.parse(); 注意:JSON.stringify兼容ie8+,ie7以及一下可用 json2.js,对应的资源可网上下载 var a = {"name":"mary","age":"100"} var b = J

Javascript Dom 相关知识整理

一.选择器 document.getElementById document.getElementsByTagName document.getElementsByClassName(ie9) document.getElementsByName document.querySelector document.querySelectorAll querySelector和getElementBy系列的不同之处: 1. querySelector 属于W3C的Selectors API 规范,ge

javascript字符串相关的面试题总结

把字符串转换成驼峰式写法,用两种方法实现 第一种方法: var str = "border-left-color"; function change(str){ var arr =str.split('-'); for(var i=1; i<arr.length;i++){ arr[i]=arr[i].charAt(0).toUpperCase()+arr[i].substring(1) } return arr.join(''); } console.log( change(s