原生js的animate方法

之前学习的时候，看到animate方法就想到了jQuery,习惯了,以为animate就是属于jQuery。今天发现不是，至少不是jQuery的专属品，请看代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title>
</head>
<body><div id="animate-test">animate-test</div><script>document.getElementById("animate-test").animate([{ transform: 'translateX(0px)' }, { transform: 'translateX(300px)' }], { duration: 3000,iterations: Infinity});</script>
</body>
</html>

向大家推荐一个网站,笔者很多东西都是在这上面学的

MDN-推荐网站

原生js的animate方法相关推荐

java原生的ajax怎么写,用原生js实现 ajax方法
原标题:用原生js实现 ajax方法作者介绍:咔拉宝宝前端工程师,致力于首个情景式购物商城咔拉商城的前端搭建,在咔拉职场栏目作为程序猿担当,与读者朋友们共同探讨前端开发的那些事. 一.ajax介绍: ...
原生js调用json方法
原文链接 Ajax基础 ajax:无刷新数据读取,读取服务器上的信息 HTTP请求方法: GET:用于获取数据,如浏览帖子 ajax.judgeXmlHttpRequest('get', 'index ...
原生js时间格式化方法封装
原生js时间格式化方法封装创建formatDate函数,传入date(时间)和format(格式)两个参数,简单判断format返回相应格式的时间注意:getMonth()方法获取到的月份会比实际 ...
animate用法 js原生_原生JS封装animate运动框架的实例
如下所示: div { width: 100px; height: 100px; background-color: pink; position: absolute; left: 0; top: 5 ...
原生js实现ajax方法（闭包）
学习Jquery是,模仿写了一个原生js实现ajax方法(闭包),代码上加有注释方法如下: <script type="text/javascript">(funct ...
用原生js封装get方法
get方法的封装首先我们看一下用原生js来发送请求的步骤: 1.创建请求对象 .var xhr=new XMLHttpRequest(); 2.创建open方法确认请求方式和地址 xhr.open( ...
原生JS封装ajax方法
http://blog.sucaijiayuan.com/article/89 jquery框架的ajax方法固然好用,但是假如某天我们的项目不能引入jquery或项目需求很简单,没有很多交互功能,只 ...
js 封装ajax方法吗,原生JS封装ajax方法
jquery框架的ajax方法固然好用,但是假如某天我们的项目不能引入jquery或项目需求很简单,没有很多交互功能,只需要ajax,这时引入jquery库会造成资源浪费,也会显得页面臃肿.这时我们就 ...
原生Js 两种方法实现页面关键字高亮显示
方法一依靠正则表达式修改 1.获取obj的html 2.统一替换html标签 3.替换要修改的关键字 4.再把html标签修改回去不足就是如果查找的关键字跟替换的标签一样就有冲突了 <!DO ...
原生JS实现 slice() 方法
定义和用法 slice() 方法可从已有的数组中返回选定的元素. 语法 arrayObject.slice(start,end) 实现 Array.prototype.slice = function ...

原生js的animate方法

原生js的animate方法相关推荐

最新文章

热门文章