开通博客赚积分
发布资源赚积分
分类

源码开发语言/平台
当前位置：首页 > 源码/资料 > 行业应用 > OA系统 > 查看源码
Animation.js
资源名称：oa.rar　[点击查看]
上传用户：kimgenplus
上传日期：2016-06-05
资源大小：20877k
文件大小：10k
源码类别：

OA系统

开发平台：

Java

Animation.js：源码内容
  1. /*
  2. Copyright (c) 2004-2006, The Dojo Foundation
  3. All Rights Reserved.
  5. Licensed under the Academic Free License version 2.1 or above OR the
  6. modified BSD license. For more information on Dojo licensing, see:
  8. http://dojotoolkit.org/community/licensing.shtml
  9. */
  13. dojo.provide("dojo.lfx.Animation");
  14. dojo.require("dojo.lang.func");
  15. dojo.lfx.Line = function (start, end) {
  16. this.start = start;
  17. this.end = end;
  18. if (dojo.lang.isArray(start)) {
  19. var diff = [];
  20. dojo.lang.forEach(this.start, function (s, i) {
  21. diff[i] = this.end[i] - s;
  22. }, this);
  23. this.getValue = function (n) {
  24. var res = [];
  25. dojo.lang.forEach(this.start, function (s, i) {
  26. res[i] = (diff[i] * n) + s;
  27. }, this);
  28. return res;
  29. };
  30. } else {
  31. var diff = end - start;
  32. this.getValue = function (n) {
  33. return (diff * n) + this.start;
  34. };
  35. }
  36. };
  37. if ((dojo.render.html.khtml) && (!dojo.render.html.safari)) {
  38. dojo.lfx.easeDefault = function (n) {
  39. return (parseFloat("0.5") + ((Math.sin((n + parseFloat("1.5")) * Math.PI)) / 2));
  40. };
  41. } else {
  42. dojo.lfx.easeDefault = function (n) {
  43. return (0.5 + ((Math.sin((n + 1.5) * Math.PI)) / 2));
  44. };
  45. }
  46. dojo.lfx.easeIn = function (n) {
  47. return Math.pow(n, 3);
  48. };
  49. dojo.lfx.easeOut = function (n) {
  50. return (1 - Math.pow(1 - n, 3));
  51. };
  52. dojo.lfx.easeInOut = function (n) {
  53. return ((3 * Math.pow(n, 2)) - (2 * Math.pow(n, 3)));
  54. };
  55. dojo.lfx.IAnimation = function () {
  56. };
  57. dojo.lang.extend(dojo.lfx.IAnimation, {curve:null, duration:1000, easing:null, repeatCount:0, rate:10, handler:null, beforeBegin:null, onBegin:null, onAnimate:null, onEnd:null, onPlay:null, onPause:null, onStop:null, play:null, pause:null, stop:null, connect:function (evt, scope, newFunc) {
  58. if (!newFunc) {
  59. newFunc = scope;
  60. scope = this;
  61. }
  62. newFunc = dojo.lang.hitch(scope, newFunc);
  63. var oldFunc = this[evt] || function () {
  64. };
  65. this[evt] = function () {
  66. var ret = oldFunc.apply(this, arguments);
  67. newFunc.apply(this, arguments);
  68. return ret;
  69. };
  70. return this;
  71. }, fire:function (evt, args) {
  72. if (this[evt]) {
  73. this[evt].apply(this, (args || []));
  74. }
  75. return this;
  76. }, repeat:function (count) {
  77. this.repeatCount = count;
  78. return this;
  79. }, _active:false, _paused:false});
  80. dojo.lfx.Animation = function (handlers, duration, curve, easing, repeatCount, rate) {
  81. dojo.lfx.IAnimation.call(this);
  82. if (dojo.lang.isNumber(handlers) || (!handlers && duration.getValue)) {
  83. rate = repeatCount;
  84. repeatCount = easing;
  85. easing = curve;
  86. curve = duration;
  87. duration = handlers;
  88. handlers = null;
  89. } else {
  90. if (handlers.getValue || dojo.lang.isArray(handlers)) {
  91. rate = easing;
  92. repeatCount = curve;
  93. easing = duration;
  94. curve = handlers;
  95. duration = null;
  96. handlers = null;
  97. }
  98. }
  99. if (dojo.lang.isArray(curve)) {
  100. this.curve = new dojo.lfx.Line(curve[0], curve[1]);
  101. } else {
  102. this.curve = curve;
  103. }
  104. if (duration != null && duration > 0) {
  105. this.duration = duration;
  106. }
  107. if (repeatCount) {
  108. this.repeatCount = repeatCount;
  109. }
  110. if (rate) {
  111. this.rate = rate;
  112. }
  113. if (handlers) {
  114. dojo.lang.forEach(["handler", "beforeBegin", "onBegin", "onEnd", "onPlay", "onStop", "onAnimate"], function (item) {
  115. if (handlers[item]) {
  116. this.connect(item, handlers[item]);
  117. }
  118. }, this);
  119. }
  120. if (easing && dojo.lang.isFunction(easing)) {
  121. this.easing = easing;
  122. }
  123. };
  124. dojo.inherits(dojo.lfx.Animation, dojo.lfx.IAnimation);
  125. dojo.lang.extend(dojo.lfx.Animation, {_startTime:null, _endTime:null, _timer:null, _percent:0, _startRepeatCount:0, play:function (delay, gotoStart) {
  126. if (gotoStart) {
  127. clearTimeout(this._timer);
  128. this._active = false;
  129. this._paused = false;
  130. this._percent = 0;
  131. } else {
  132. if (this._active && !this._paused) {
  133. return this;
  134. }
  135. }
  136. this.fire("handler", ["beforeBegin"]);
  137. this.fire("beforeBegin");
  138. if (delay > 0) {
  139. setTimeout(dojo.lang.hitch(this, function () {
  140. this.play(null, gotoStart);
  141. }), delay);
  142. return this;
  143. }
  144. this._startTime = new Date().valueOf();
  145. if (this._paused) {
  146. this._startTime -= (this.duration * this._percent / 100);
  147. }
  148. this._endTime = this._startTime + this.duration;
  149. this._active = true;
  150. this._paused = false;
  151. var step = this._percent / 100;
  152. var value = this.curve.getValue(step);
  153. if (this._percent == 0) {
  154. if (!this._startRepeatCount) {
  155. this._startRepeatCount = this.repeatCount;
  156. }
  157. this.fire("handler", ["begin", value]);
  158. this.fire("onBegin", [value]);
  159. }
  160. this.fire("handler", ["play", value]);
  161. this.fire("onPlay", [value]);
  162. this._cycle();
  163. return this;
  164. }, pause:function () {
  165. clearTimeout(this._timer);
  166. if (!this._active) {
  167. return this;
  168. }
  169. this._paused = true;
  170. var value = this.curve.getValue(this._percent / 100);
  171. this.fire("handler", ["pause", value]);
  172. this.fire("onPause", [value]);
  173. return this;
  174. }, gotoPercent:function (pct, andPlay) {
  175. clearTimeout(this._timer);
  176. this._active = true;
  177. this._paused = true;
  178. this._percent = pct;
  179. if (andPlay) {
  180. this.play();
  181. }
  182. return this;
  183. }, stop:function (gotoEnd) {
  184. clearTimeout(this._timer);
  185. var step = this._percent / 100;
  186. if (gotoEnd) {
  187. step = 1;
  188. }
  189. var value = this.curve.getValue(step);
  190. this.fire("handler", ["stop", value]);
  191. this.fire("onStop", [value]);
  192. this._active = false;
  193. this._paused = false;
  194. return this;
  195. }, status:function () {
  196. if (this._active) {
  197. return this._paused ? "paused" : "playing";
  198. } else {
  199. return "stopped";
  200. }
  201. return this;
  202. }, _cycle:function () {
  203. clearTimeout(this._timer);
  204. if (this._active) {
  205. var curr = new Date().valueOf();
  206. var step = (curr - this._startTime) / (this._endTime - this._startTime);
  207. if (step >= 1) {
  208. step = 1;
  209. this._percent = 100;
  210. } else {
  211. this._percent = step * 100;
  212. }
  213. if ((this.easing) && (dojo.lang.isFunction(this.easing))) {
  214. step = this.easing(step);
  215. }
  216. var value = this.curve.getValue(step);
  217. this.fire("handler", ["animate", value]);
  218. this.fire("onAnimate", [value]);
  219. if (step < 1) {
  220. this._timer = setTimeout(dojo.lang.hitch(this, "_cycle"), this.rate);
  221. } else {
  222. this._active = false;
  223. this.fire("handler", ["end"]);
  224. this.fire("onEnd");
  225. if (this.repeatCount > 0) {
  226. this.repeatCount--;
  227. this.play(null, true);
  228. } else {
  229. if (this.repeatCount == -1) {
  230. this.play(null, true);
  231. } else {
  232. if (this._startRepeatCount) {
  233. this.repeatCount = this._startRepeatCount;
  234. this._startRepeatCount = 0;
  235. }
  236. }
  237. }
  238. }
  239. }
  240. return this;
  241. }});
  242. dojo.lfx.Combine = function (animations) {
  243. dojo.lfx.IAnimation.call(this);
  244. this._anims = [];
  245. this._animsEnded = 0;
  246. var anims = arguments;
  247. if (anims.length == 1 && (dojo.lang.isArray(anims[0]) || dojo.lang.isArrayLike(anims[0]))) {
  248. anims = anims[0];
  249. }
  250. dojo.lang.forEach(anims, function (anim) {
  251. this._anims.push(anim);
  252. anim.connect("onEnd", dojo.lang.hitch(this, "_onAnimsEnded"));
  253. }, this);
  254. };
  255. dojo.inherits(dojo.lfx.Combine, dojo.lfx.IAnimation);
  256. dojo.lang.extend(dojo.lfx.Combine, {_animsEnded:0, play:function (delay, gotoStart) {
  257. if (!this._anims.length) {
  258. return this;
  259. }
  260. this.fire("beforeBegin");
  261. if (delay > 0) {
  262. setTimeout(dojo.lang.hitch(this, function () {
  263. this.play(null, gotoStart);
  264. }), delay);
  265. return this;
  266. }
  267. if (gotoStart || this._anims[0].percent == 0) {
  268. this.fire("onBegin");
  269. }
  270. this.fire("onPlay");
  271. this._animsCall("play", null, gotoStart);
  272. return this;
  273. }, pause:function () {
  274. this.fire("onPause");
  275. this._animsCall("pause");
  276. return this;
  277. }, stop:function (gotoEnd) {
  278. this.fire("onStop");
  279. this._animsCall("stop", gotoEnd);
  280. return this;
  281. }, _onAnimsEnded:function () {
  282. this._animsEnded++;
  283. if (this._animsEnded >= this._anims.length) {
  284. this.fire("onEnd");
  285. }
  286. return this;
  287. }, _animsCall:function (funcName) {
  288. var args = [];
  289. if (arguments.length > 1) {
  290. for (var i = 1; i < arguments.length; i++) {
  291. args.push(arguments[i]);
  292. }
  293. }
  294. var _this = this;
  295. dojo.lang.forEach(this._anims, function (anim) {
  296. anim[funcName](args);
  297. }, _this);
  298. return this;
  299. }});
  300. dojo.lfx.Chain = function (animations) {
  301. dojo.lfx.IAnimation.call(this);
  302. this._anims = [];
  303. this._currAnim = -1;
  304. var anims = arguments;
  305. if (anims.length == 1 && (dojo.lang.isArray(anims[0]) || dojo.lang.isArrayLike(anims[0]))) {
  306. anims = anims[0];
  307. }
  308. var _this = this;
  309. dojo.lang.forEach(anims, function (anim, i, anims_arr) {
  310. this._anims.push(anim);
  311. if (i < anims_arr.length - 1) {
  312. anim.connect("onEnd", dojo.lang.hitch(this, "_playNext"));
  313. } else {
  314. anim.connect("onEnd", dojo.lang.hitch(this, function () {
  315. this.fire("onEnd");
  316. }));
  317. }
  318. }, this);
  319. };
  320. dojo.inherits(dojo.lfx.Chain, dojo.lfx.IAnimation);
  321. dojo.lang.extend(dojo.lfx.Chain, {_currAnim:-1, play:function (delay, gotoStart) {
  322. if (!this._anims.length) {
  323. return this;
  324. }
  325. if (gotoStart || !this._anims[this._currAnim]) {
  326. this._currAnim = 0;
  327. }
  328. var currentAnimation = this._anims[this._currAnim];
  329. this.fire("beforeBegin");
  330. if (delay > 0) {
  331. setTimeout(dojo.lang.hitch(this, function () {
  332. this.play(null, gotoStart);
  333. }), delay);
  334. return this;
  335. }
  336. if (currentAnimation) {
  337. if (this._currAnim == 0) {
  338. this.fire("handler", ["begin", this._currAnim]);
  339. this.fire("onBegin", [this._currAnim]);
  340. }
  341. this.fire("onPlay", [this._currAnim]);
  342. currentAnimation.play(null, gotoStart);
  343. }
  344. return this;
  345. }, pause:function () {
  346. if (this._anims[this._currAnim]) {
  347. this._anims[this._currAnim].pause();
  348. this.fire("onPause", [this._currAnim]);
  349. }
  350. return this;
  351. }, playPause:function () {
  352. if (this._anims.length == 0) {
  353. return this;
  354. }
  355. if (this._currAnim == -1) {
  356. this._currAnim = 0;
  357. }
  358. var currAnim = this._anims[this._currAnim];
  359. if (currAnim) {
  360. if (!currAnim._active || currAnim._paused) {
  361. this.play();
  362. } else {
  363. this.pause();
  364. }
  365. }
  366. return this;
  367. }, stop:function () {
  368. var currAnim = this._anims[this._currAnim];
  369. if (currAnim) {
  370. currAnim.stop();
  371. this.fire("onStop", [this._currAnim]);
  372. }
  373. return currAnim;
  374. }, _playNext:function () {
  375. if (this._currAnim == -1 || this._anims.length == 0) {
  376. return this;
  377. }
  378. this._currAnim++;
  379. if (this._anims[this._currAnim]) {
  380. this._anims[this._currAnim].play(null, true);
  381. }
  382. return this;
  383. }});
  384. dojo.lfx.combine = function (animations) {
  385. var anims = arguments;
  386. if (dojo.lang.isArray(arguments[0])) {
  387. anims = arguments[0];
  388. }
  389. if (anims.length == 1) {
  390. return anims[0];
  391. }
  392. return new dojo.lfx.Combine(anims);
  393. };
  394. dojo.lfx.chain = function (animations) {
  395. var anims = arguments;
  396. if (dojo.lang.isArray(arguments[0])) {
  397. anims = arguments[0];
  398. }
  399. if (anims.length == 1) {
  400. return anims[0];
  401. }
  402. return new dojo.lfx.Chain(anims);
  403. };