moo.fx.pack.js
上传用户:wangting
上传日期:2020-01-24
资源大小:2226k
文件大小:7k
源码类别:

破解

开发平台:

ASP/ASPX

  1. /*
  2. moo.fx pack, effects extensions for moo.fx.
  3. by Valerio Proietti (http://mad4milk.net) MIT-style LICENSE
  4. for more info visit (http://moofx.mad4milk.net).
  5. Friday, April 14, 2006
  6. v 1.2.4
  7. */
  8. //smooth scroll
  9. fx.Scroll = Class.create();
  10. fx.Scroll.prototype = Object.extend(new fx.Base(), {
  11. initialize: function(options) {
  12. this.setOptions(options);
  13. },
  14. scrollTo: function(el){
  15. var dest = Position.cumulativeOffset($(el))[1];
  16. var client = window.innerHeight || document.documentElement.clientHeight;
  17. var full = document.documentElement.scrollHeight;
  18. var top = window.pageYOffset || document.body.scrollTop || document.documentElement.scrollTop;
  19. if (dest+client > full) this.custom(top, dest - client + (full-dest));
  20. else this.custom(top, dest);
  21. },
  22. increase: function(){
  23. window.scrollTo(0, this.now);
  24. }
  25. });
  26. //text size modify, now works with pixels too.
  27. fx.Text = Class.create();
  28. fx.Text.prototype = Object.extend(new fx.Base(), {
  29. initialize: function(el, options) {
  30. this.el = $(el);
  31. this.setOptions(options);
  32. if (!this.options.unit) this.options.unit = "em";
  33. },
  34. increase: function() {
  35. this.el.style.fontSize = this.now + this.options.unit;
  36. }
  37. });
  38. //composition effect: widht/height/opacity
  39. fx.Combo = Class.create();
  40. fx.Combo.prototype = {
  41. setOptions: function(options) {
  42. this.options = {
  43. opacity: true,
  44. height: true,
  45. width: false
  46. }
  47. Object.extend(this.options, options || {});
  48. },
  49. initialize: function(el, options) {
  50. this.el = $(el);
  51. this.setOptions(options);
  52. if (this.options.opacity) {
  53. this.o = new fx.Opacity(el, options);
  54. options.onComplete = null;
  55. }
  56. if (this.options.height) {
  57. this.h = new fx.Height(el, options);
  58. options.onComplete = null;
  59. }
  60. if (this.options.width) this.w = new fx.Width(el, options);
  61. },
  62. toggle: function() { this.checkExec('toggle'); },
  63. hide: function(){ this.checkExec('hide'); },
  64. clearTimer: function(){ this.checkExec('clearTimer'); },
  65. checkExec: function(func){
  66. if (this.o) this.o[func]();
  67. if (this.h) this.h[func]();
  68. if (this.w) this.w[func]();
  69. },
  70. //only if width+height
  71. resizeTo: function(hto, wto) {
  72. if (this.h && this.w) {
  73. this.h.custom(this.el.offsetHeight, this.el.offsetHeight + hto);
  74. this.w.custom(this.el.offsetWidth, this.el.offsetWidth + wto);
  75. }
  76. },
  77. customSize: function(hto, wto) {
  78. if (this.h && this.w) {
  79. this.h.custom(this.el.offsetHeight, hto);
  80. this.w.custom(this.el.offsetWidth, wto);
  81. }
  82. }
  83. }
  84. fx.Accordion = Class.create();
  85. fx.Accordion.prototype = {
  86. setOptions: function(options) {
  87. this.options = {
  88. delay: 100,
  89. opacity: false
  90. }
  91. Object.extend(this.options, options || {});
  92. },
  93. initialize: function(togglers, elements, options) {
  94. this.elements = elements;
  95. this.setOptions(options);
  96. var options = options || '';
  97. this.fxa = [];
  98. if (options && options.onComplete) options.onFinish = options.onComplete;
  99. elements.each(function(el, i){
  100. options.onComplete = function(){
  101. if (el.offsetHeight > 0) el.style.height = '1%';
  102. if (options.onFinish) options.onFinish(el);
  103. }
  104. this.fxa[i] = new fx.Combo(el, options);
  105. this.fxa[i].hide();
  106. }.bind(this));
  107. togglers.each(function(tog, i){
  108. if (typeof tog.onclick == 'function') var exClick = tog.onclick;
  109. tog.onclick = function(){
  110. if (exClick) exClick();
  111. this.showThisHideOpen(elements[i]);
  112. }.bind(this);
  113. }.bind(this));
  114. },
  115. showThisHideOpen: function(toShow){
  116. this.elements.each(function(el, j){
  117. if (el.offsetHeight > 0 && el != toShow) this.clearAndToggle(el, j);
  118. if (el == toShow && toShow.offsetHeight == 0) setTimeout(function(){this.clearAndToggle(toShow, j);}.bind(this), this.options.delay);
  119. }.bind(this));
  120. },
  121. clearAndToggle: function(el, i){
  122. this.fxa[i].clearTimer();
  123. this.fxa[i].toggle();
  124. }
  125. }
  126. var Remember = new Object();
  127. Remember = function(){};
  128. Remember.prototype = {
  129. initialize: function(el, options){
  130. this.el = $(el);
  131. this.days = 365;
  132. this.options = options;
  133. this.effect();
  134. var cookie = this.readCookie();
  135. if (cookie) {
  136. this.fx.now = cookie;
  137. this.fx.increase();
  138. }
  139. },
  140. //cookie functions based on code by Peter-Paul Koch
  141. setCookie: function(value) {
  142. var date = new Date();
  143. date.setTime(date.getTime()+(this.days*24*60*60*1000));
  144. var expires = "; expires="+date.toGMTString();
  145. document.cookie = this.el+this.el.id+this.prefix+"="+value+expires+"; path=/";
  146. },
  147. readCookie: function() {
  148. var nameEQ = this.el+this.el.id+this.prefix + "=";
  149. var ca = document.cookie.split(';');
  150. for(var i=0;c=ca[i];i++) {
  151. while (c.charAt(0)==' ') c = c.substring(1,c.length);
  152. if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
  153. }
  154. return false;
  155. },
  156. custom: function(from, to){
  157. if (this.fx.now != to) {
  158. this.setCookie(to);
  159. this.fx.custom(from, to);
  160. }
  161. }
  162. }
  163. fx.RememberHeight = Class.create();
  164. fx.RememberHeight.prototype = Object.extend(new Remember(), {
  165. effect: function(){
  166. this.fx = new fx.Height(this.el, this.options);
  167. this.prefix = 'height';
  168. },
  169. toggle: function(){
  170. if (this.el.offsetHeight == 0) this.setCookie(this.el.scrollHeight);
  171. else this.setCookie(0);
  172. this.fx.toggle();
  173. },
  174. resize: function(to){
  175. this.setCookie(this.el.offsetHeight+to);
  176. this.fx.custom(this.el.offsetHeight,this.el.offsetHeight+to);
  177. },
  178. hide: function(){
  179. if (!this.readCookie()) {
  180. this.fx.hide();
  181. }
  182. }
  183. });
  184. fx.RememberText = Class.create();
  185. fx.RememberText.prototype = Object.extend(new Remember(), {
  186. effect: function(){
  187. this.fx = new fx.Text(this.el, this.options);
  188. this.prefix = 'text';
  189. }
  190. });
  191. //useful for-replacement
  192. Array.prototype.iterate = function(func){
  193. for(var i=0;i<this.length;i++) func(this[i], i);
  194. }
  195. if (!Array.prototype.each) Array.prototype.each = Array.prototype.iterate;
  196. //Easing Equations (c) 2003 Robert Penner, all rights reserved.
  197. //This work is subject to the terms in http://www.robertpenner.com/easing_terms_of_use.html.
  198. //expo
  199. fx.expoIn = function(pos){
  200. return Math.pow(2, 10 * (pos - 1));
  201. }
  202. fx.expoOut = function(pos){
  203. return (-Math.pow(2, -10 * pos) + 1);
  204. }
  205. //quad
  206. fx.quadIn = function(pos){
  207. return Math.pow(pos, 2);
  208. }
  209. fx.quadOut = function(pos){
  210. return -(pos)*(pos-2);
  211. }
  212. //circ
  213. fx.circOut = function(pos){
  214. return Math.sqrt(1 - Math.pow(pos-1,2));
  215. }
  216. fx.circIn = function(pos){
  217. return -(Math.sqrt(1 - Math.pow(pos, 2)) - 1);
  218. }
  219. //back
  220. fx.backIn = function(pos){
  221. return (pos)*pos*((2.7)*pos - 1.7);
  222. }
  223. fx.backOut = function(pos){
  224. return ((pos-1)*(pos-1)*((2.7)*(pos-1) + 1.7) + 1);
  225. }
  226. //sine
  227. fx.sineOut = function(pos){
  228. return Math.sin(pos * (Math.PI/2));
  229. }
  230. fx.sineIn = function(pos){
  231. return -Math.cos(pos * (Math.PI/2)) + 1;
  232. }
  233. fx.sineInOut = function(pos){
  234. return -(Math.cos(Math.PI*pos) - 1)/2;
  235. }