js基础之动画(二)】的更多相关文章

好多天没有写无博文啦,今天无聊就再写一下! 今天要讲的是TweenLite的一些事件以及,TweenLite动画的控制,TweenMax类似,请自行参考官方文档:http://api.greensock.com/js/ 先说一下TweenLite的常见事件: onStart 动画开始时的一瞬间触发 onUpdate 动画进行时循环触发(可以理解为一个循环,当动画未结束之前都不会停止) onComplete 动画结束的一瞬间触发 onReverseComplete 反转动画结束时的一瞬间触发 相应…
JavaScript基础提高(二) 上篇写的是JavaScript的历史.基本的数据类型和基本的语法进填的话讲的就深入一些了. js的函数 1.js函数定义的方式 (1)普通方式 语法:function 函数名(参数列表){函数体} 示例: function method(){ alert("xxx"); } method(); (2)匿名函数 语法:function(参数列表){函数体} 示例: var method = function(){ alert("yyy&quo…
目录 JavaScript基础语法(二) 八. 函数 1. 函数的概念 2. 函数的使用 声明函数 调用函数 3. 函数的封装 4. 函数的参数 函数的参数匹配问题 5. 函数返回值 6. arguments 7. 函数调用函数 九. 作用域 1. 概述 2. 全局作用域 3. 局部作用域 4. 作用域链 十. 自定义对象 1. 概念 2. 创建对象 3. 遍历对象 十一. 内置对象 1. 概念 2. 查文档 3. Math对象 封装自己的数学对象 随机数方法 猜数字游戏 4. Date对象 日…
一.多物体同时运动 栗子一:多个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 Window浏览器对象模型 JavaScript全局对象,函数,变量均自动成为window对象的成员. 1.Window对象 1.获取浏览器窗口的尺寸 var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; var h = window.innerHeight || document.document…
一.链式运动 首先,要改进运动框架 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…
一.让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.…
4月7日学到的知识点:     一:<img src="1.png" alt="美女"/> alt是给图片添加介绍,当图片没加载出来时,会直接显示alt的值,在搜索引擎搜索时也可以让搜索引擎更好的找到这张图. 二:<a href="css2.ppt">标签下载</a> 当href的值是一个文件名或者压缩包时就会直接出发浏览器的下载功能去下载这个文件. 三:<a href="#id"&g…
1.变量提升问题 <script> var num=10; fun(); function fun(){ console.log(num); var num=20; } </script> 这段代码会输出undefined,为什么呢?这就涉及到js中的一个变量提升问题. 其实上面的fun函数代码相当于—— function fun(){ var num; console.log(num); num=20; } 所以才会打印出undefined.在函数体内变量的声明会被提升到最顶端.…
.t1 { background-color: #ff8080; width: 1100px; height: 40px } 一.BOM(浏览器对象模型) 1.screen对象. console.log(screen); console.log(window.screen); console.log(screen.width); console.log(screen.height); console.log(screen.availHeight);//可用高度=screen-height-底部任…