js基础之动画（三）

【js基础之动画（三）】的更多相关文章

GSAP JS基础教程--动画的控制及事件

好多天没有写无博文啦,今天无聊就再写一下! 今天要讲的是TweenLite的一些事件以及,TweenLite动画的控制,TweenMax类似,请自行参考官方文档:http://api.greensock.com/js/ 先说一下TweenLite的常见事件: onStart 动画开始时的一瞬间触发 onUpdate 动画进行时循环触发(可以理解为一个循环,当动画未结束之前都不会停止) onComplete 动画结束的一瞬间触发 onReverseComplete 反转动画结束时的一瞬间触发相应…

js基础之动画（三）

一.链式运动首先,要改进运动框架 function getStyle(obj,attr){ if(obj.currentStyle){ return obj.currentStyle[attr]; }else{ return getComputedStyle(obj,false)[attr]; } } function startMove(obj,attr,iTarget,fn){//多div运动 //var obj = document.getElementsByClassName('men…

JS基础速成（三）- DOM（文件对象模型）

.t1 { background-color: #ff8080; width: 1100px; height: 40px } 一.DOM树的基本结构 DOM节点分为三大类:元素节点(标签节点),属性节点,文本节点. 属性节点和文本节点都属于元素节点的子节点,因此操作时,需要选中元素节点,在修改属性和文本. (一).查看元素节点. 1.使用getElement系列方法: var li=document.getElementById("first"); var lis1=document.…

Vue.js基础语法（三）

vue学习的一系列,全部来自于表哥---表严肃,是我遇到过的讲课最通透,英文发音最好听的老师,想一起听课就去这里吧 https://biaoyansu.com/i/hzhj1206 1过滤器filter 例如商城中商品的价格,既是动态的,而且重复出现的频率非常高,这就意味着,一些信息是重复的,像前面可以加一个“￥”,后面接一个单位“元”:￥10元.想实现只传价格10,其他信息让其自动生成,vue里提供了过滤器filter来实现. 例1: <!DOCTYPE html> <html>…

js基础之动画（二）

一.多物体同时运动栗子一:多个Div,鼠标移入变高,动态下拉菜单 function startMove(obj,iTarget){ clearInterval(obj.timer); obj.timer=setInterval(function(){ var iSpeed=(iTarget-obj.offsetHeight)/8; iSpeed=iSpeed>0?Math.ceil(iSpeed):Math.floor(iSpeed); if(obj.offsetHeight==iTarge…

js基础之动画(一）

一.让div动起来 var oBtn = document.getElementById('btn1'); var timer='';//设置定时器 oBtn.onclick=function startMove(){ var oDiv = document.getElementById('div1'); clearInterval(timer);//关闭原有的定时器,否则多个定时器会叠加 timer=setInterval(function(){ var iSpeed=3; if(oDiv.…

前端新人学习笔记-------html/css/js基础知识点（三）

这断时间家里有点事,上班也有点任务,所以几天没看视频没来更新了.今天来更新一下了. 一:默认样式重置但凡是浏览默认的样式,都不要使用. body,p,h1,h2,h3,h4,h5,h6,dl,dd{margin:0; font-size:12px;/* font-family:XX; */} ol,ul{list-style:none;padding:0;margin:0;} a{text-decoration:none;} img{border:none;} 二…

JS基础语法---创建对象---三种方式创建对象：调用系统的构造函数；自定义构造函数；字面量的方式

创建对象三种方式: 调用系统的构造函数创建对象自定义构造函数创建对象(结合第一种和需求通过工厂模式创建对象) 字面量的方式创建对象第一种:调用系统的构造函数创建对象 //小苏举例子: //实例化对象 var obj = new Object(); //对象有特征---属性:和行为---方法 //添加属性-----如何添加属性? 对象.名字=值; obj.name = "小苏"; obj.age = 38; obj.sex = "女"; //添加方法----如何…

JS基础_if练习三

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>if练习3</title> <script type="text/javascript"> /* * 编写程序,由键盘输入三个整数分别存入变量num1.num2.num3, * 对他们进行排序,并且从小到大输出. */ //-------------------…

JS——基础知识（三）

1.select (1)它的选择事件是onchange (2)他的选项索引可以通过value获取,比tab选项卡要方便一点. 2.数组常用方法 (1)添加元素 push():可以向一个数组末尾添加一个或多个元素,并返回新的数组的长度 . unshift():可以向一个数组前面添加一个或多个元素,并返回新的数组的长度. (2)删除数组元素 pop():删除数组最后一个元素值,并返回该元素值 shift():删除数组第一个元素值,并返回该元素值 (3)contact():连接两个或多个数组…