Skip to content

ltx5886/jsAnim

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

jsAnim

一个简单而实用的js动画框架,支持动画缓动算法函数,如Linear、Cubic、Back、Bounce等,支持改变高度,宽度,透明度,边框,外边距的基本动画,支持动画的回调函数,如开始、暂停、完成callback等。

Usage

// 动画参数设置
var options = {
	duration: 2000, // 动画持续时间
	frequence: 30, // 帧频
	tweenFunc: Tween.Linear, // 动画缓动函数
	targetPos: {left: 400, top: 300}, // 元素目标位置
	opacity: 40, // 透明度(可选)
	width: 80, // 宽度(可选)
	height: 80, // 高度(可选)
	// marginTop: 100, // 上边距(可选)
	border: '2px solid red', // 边框(可选)
	// 动画开始callback(可选)
	onStart: function() {
		// this指向当前动画元素
	},
	// 动画停止callback(可选)
	onStop: function() {
		// this指向当前动画元素
	},
	// 动画完成callback(可选)
	onComplete: function() {
		// this指向当前动画元素
	}
};
var anim = new Anim(animElem, options);

Demo

demo

License

MIT

About

一个简单而实用的js动画框架

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 85.3%
  • CSS 14.7%