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

源码开发语言/平台
当前位置：首页 > 源码/资料 > Java编程 > Applet > 查看源码
MzEffect.js
资源名称：shop.rar　[点击查看]
上传用户：yatiankong
上传日期：2014-05-16
资源大小：5604k
文件大小：29k
源码类别：

Applet

开发平台：

Java

MzEffect.js：源码内容
  1. /*---------------------------------------------------------------------------*
  2. |  Subject:    Html Element effect base
  3. |  NameSpace:  System.Web.Forms.MzEffect
  4. |  Author:     meizz
  5. |  Created:    2006-07-07
  6. |  Version:    2006-12-12
  7. |-----------------------------------
  8. |  MSN: huangfr@msn.com QQ:112889082 Copyright (c) meizz
  9. |  http://www.meizz.com/jsframework/ MIT-style license
  10. |  The above copyright notice and this permission notice shall be
  11. |  included in all copies or substantial portions of the Software
  12. *---------------------------------------------------------------------------*/
  14. /*/Interface
  15. Required: initialize() render() finish() restore()
  16. abort() end() cancel() dispose()
  17. op.onbeforestart() op.onbeforeupdate() op.onafterupdate() op.onafterfinish()
  18. /*/
  19. //op{interval, duration, overlap, trend, continual}
  20. function MzEffect()
  21. {
  22.   System.call(this);this.readyState=1;
  23.   this.element=MzElement.check(arguments[0]);
  24.   if(!this.element) return; var t;
  26.   this.terminative=false;  //true for terminate effect
  28.   var op=this.options=System.extend({
  29.     "interval": 10,   //milliseconds
  30.     "duration": 800,  //milliseconds
  31.     "overlap":  false,
  32.     "continual": true,
  33.     "trend": "strengthen" //strengthen|weaken true|false
  34.   },
  35.     arguments[1]||{}
  36.   );
  37.   op["trend"]= ("boolean"==typeof(op["trend"]) && op["trend"]) ||
  38.     ("string"==typeof(op["trend"]) && op["trend"].toLowerCase()=="strengthen");
  40.   //prevent repeated effect
  41.   if(!op.overlap){
  42.   this.attribName = "att_"+ this._className.replace(/W/g, "_");
  43.   if(t=this.element.getAttribute(this.attribName))if(t=Instance(t))t.cancel();
  44.   this.element.setAttribute(this.attribName, this.hashCode, 0);}
  46.   this.beginTime = new Date().getTime();
  47.   this.endTime = this.beginTime + op.duration;
  48.   if(this.initialize) this.initialize();
  49.   if(op.onbeforestart) op.onbeforestart(this); this.readyState=2;
  50.   if(op.continual) this._process();else if(!this.restore){
  51.   this.restore=function(){};this.dispose();}
  52. };
  53. t=MzEffect.Extends(System, "MzEffect");
  55. t._process=function()
  56. {
  57.   var now = new Date().getTime(), me = this, op=this.options;
  58.   if (now>=this.endTime)
  59.   {
  60.     if(this.render) this.render((op.trend==true ? 1 : 0));
  61.     if(this.finish) this.finish(); this.readyState=4;
  62.     if(op.onafterfinish) op.onafterfinish(this);
  63.     this.dispose(); return;
  64.   } if(op){
  66.   var schedule = Math.sqrt((now-this.beginTime)/op.duration);
  67.   if(op.trend!=true) schedule = Math.pow((this.endTime-now)/op.duration, 2);
  68.   this.schedule = schedule;
  70.   if(op.onbeforeupdate) op.onbeforeupdate(this);
  71.   if(this.render)this.render(schedule);
  72.   if(op.onafterupdate)op.onafterupdate(this);if(!this.terminative)
  74.   this.timer=setTimeout(function(){me._process()},op.interval); else
  75.   try{this.element.removeAttribute(this.attribName);}catch(ex){}}
  76.   me.readyState=3; 
  77. };
  78. t.abort=function(){if(this.timer)clearTimeout(this.timer);};
  79. t.end=function()
  80. {
  81.   if(this.readyState==4) return;
  82.   if(this.timer) clearTimeout(this.timer);
  83.   this.endTime = this.beginTime; this._process();
  84. }
  85. t.cancel=function()
  86. {
  87.   this.endTime = this.beginTime;
  88.   if(this.timer)  clearTimeout(this.timer);
  89.   if(this.restore) this.restore();
  90.   this.dispose();
  91. };
  92. t.dispose=function()
  93. {
  94.   this.decontrol(); if(this.element)
  95.   this.element.removeAttribute(this.attribName);
  96.   delete this.timer;
  97.   delete this.element;
  98.   delete this.options;
  99.   delete this.endTime;
  100.   delete this.schedule;
  101.   delete this.beginTime;
  102.   delete this.attribName;
  103.   delete this.terminative;
  104.   if(System.ie) CollectGarbage();
  105. };
  106. MzEffect.formatColor=function(color)
  107. {
  108.   if(/^#[da-z]{6}$/i.test(color)) return color;
  109.   else if(color.indexOf("rgb(")==0)
  110.   {
  111.     var cs=color.substring(4, color.length-1).split(",");
  112.     for(var i=0, color="#"; i<cs.length; i++)
  113.     {
  114.       var s = parseInt(cs[i]).toString(16);
  115.       color+= ("00"+ s).substr(s.length);
  116.     }
  117.     return color;
  118.   }
  119.   return "";
  120. };
  123. /*--====== core effect ======--*/
  124. //op{interval, duration, trend}
  125. MzEffect.Opacity=function(element, op)
  126. {
  127.   op = System.extend({interval: 20}, op||{});
  128.   op.simple = (System.ie && MzBrowser.version<5.5)
  129.     || (MzBrowser.opera  && MzBrowser.version<8.5);
  130.   MzEffect.apply(this, [element, op]);
  131. };
  132. MzEffect.Opacity.Extends(MzEffect, "MzEffect.Opacity").initialize=function()
  133. {
  134.   var op=this.options, obj=this.element, me=this;
  135.   this.render=function(schedule)
  136.   {
  137.     schedule = me.schedule || schedule;
  138.     if(op.simple){me.endTime-=op.duration; return;}
  139.     if(!System.ie)
  140.     {
  141.       obj.style.opacity = schedule;
  142.       obj.style.MozOpacity = schedule;
  143.       obj.style.KHTMLOpacity = schedule;
  144.     }
  145.     else obj.style.filter = "alpha(opacity:"+Math.round(schedule*100)+")";
  146.   };
  147.   if (System.ie)op.originalFilter = obj.style.filter; else
  148.   {
  149.     op.originalOpacity = obj.style.opacity;
  150.     op.originalMozOpacity = obj.style.MozOpacity;
  151.     op.originalKHTMLOpacity = obj.style.KHTMLOpacity;
  152.   }
  153.   this.restore=function()
  154.   {
  155.     if(System.ie) obj.style.filter = op.originalFilter; else
  156.     {
  157.       obj.style.opacity = op.originalOpacity;
  158.       obj.style.MozOpacity = op.originalMozOpacity;
  159.       obj.style.KHTMLOpacity = op.originalKHTMLOpacity;
  160.     }
  161.   };
  162. };
  164. //op{interval, duration, trend}
  165. MzEffect.MoveBy=function(element, x, y, op)
  166. {
  167.   if("undefined"==typeof x || "undefined"==typeof y) return;
  168.   this.offsetX=parseFloat(x);
  169.   this.offsetY=parseFloat(y);
  170.   op=System.extend({duration: 400}, op||{});
  171.   MzEffect.apply(this, [element, op]);
  172. };
  173. MzEffect.MoveBy.Extends(MzEffect, "MzEffect.MoveBy").initialize=function()
  174. {
  175.   var me=this, obj=me.element, op=me.options;
  176.   op.originalTop  = obj.style.top;
  177.   op.originalLeft = obj.style.left;
  178.   op.originalPosition = obj.style.position;
  179.   me.originalY = parseFloat(obj.style.top  || '0');
  180.   me.originalX = parseFloat(obj.style.left || '0');
  181.   if(obj.style.position == "") obj.style.position = "relative";
  183.   this.render=function(schedule)
  184.   {
  185.     schedule = me.schedule || schedule;
  186.     obj.style.left = (me.offsetX * schedule + me.originalX) +"px";
  187.     obj.style.top  = (me.offsetY * schedule + me.originalY) +"px";
  188.   };
  189.   this.setPosition=function(x, y)
  190.   {
  191.     obj.style.top  = y +"px";
  192.     obj.style.left = x +"px";
  193.   };
  194.   this.restore=function()
  195.   {
  196.     obj.style.top  = op.originalTop;
  197.     obj.style.left = op.originalLeft;
  198.     obj.style.position = op.originalPosition;
  199.   };
  200. };
  202. //op{interval, duration, trend}
  203. MzEffect.MoveTo=function(element, x, y, op)
  204. {
  205.   if("undefined"==typeof x || "undefined"==typeof y) return;
  206.   this.x=parseFloat(x);this.y=parseFloat(y);
  207.   op=System.extend({duration: 300}, op||{});
  208.   MzEffect.apply(this, [element, op]);
  209. };
  210. MzEffect.MoveTo.Extends(MzEffect, "MzEffect.MoveTo").initialize=function()
  211. {
  212.   var me=this, obj=me.element, op=me.options;
  213.   op.originalTop  = obj.style.top;
  214.   op.originalLeft = obj.style.left;
  215.   op.originalPosition = obj.style.position;
  216.   me.originalY = parseFloat(obj.style.top  || '0');
  217.   me.originalX = parseFloat(obj.style.left || '0');
  218.   me.offsetX = me.x - me.originalX;
  219.   me.offsetY = me.y - me.originalY;
  220.   if(obj.style.position == "") obj.style.position = "relative";
  222.   this.render=function(schedule)
  223.   {
  224.     schedule = me.schedule || schedule;
  225.     obj.style.left = (me.offsetX * schedule + me.originalX) +"px";
  226.     obj.style.top  = (me.offsetY * schedule + me.originalY) +"px";
  227.   };
  228.   this.setPosition=function(x, y)
  229.   {
  230.     obj.style.top  = y +"px";
  231.     obj.style.left = x +"px";
  232.   };
  233.   this.restore=function()
  234.   {
  235.     obj.style.top  = op.originalTop;
  236.     obj.style.left = op.originalLeft;
  237.     obj.style.position = op.originalPosition;
  238.   };
  239. };
  241. //op{interval, duration, trend, color, beginColor, endColor, finalColor}
  242. function n2h(s){s=parseInt(s).toString(16);return ("00"+ s).substr(s.length);}
  243. MzEffect.Highlight=function(element, op){MzEffect.apply(this, arguments);};
  244. MzEffect.Highlight.Extends(MzEffect, "MzEffect.Highlight").initialize=function()
  245. {
  246.   var op=this.options, obj=this.element, endColor="#FFFFFF";
  247.   if(System.ie) var backColor = (obj.currentStyle||obj.style).backgroundColor;
  248.   else var backColor = obj.getCssValue("background-color");
  249.   op.originalBgColor = obj.style.backgroundColor;
  250.   op.originalColor = obj.style.color;
  251.   if(backColor) endColor = MzEffect.formatColor(backColor);
  252.   op.beginColor = op.beginColor || "#FFFF00";
  253.   op.endColor   = op.endColor || endColor;
  254.   op.finalColor = op.finalColor || obj.style.backgroundColor;
  256.   this.colors_base=[
  257.     parseInt(op.beginColor.substring(1,3),16),
  258.     parseInt(op.beginColor.substring(3,5),16),
  259.     parseInt(op.beginColor.substr(5),16)];
  260.   this.colors_var=[
  261.     parseInt(op.endColor.substring(1,3),16)-this.colors_base[0],
  262.     parseInt(op.endColor.substring(3,5),16)-this.colors_base[1],
  263.     parseInt(op.endColor.substr(5),16)-this.colors_base[2]];
  265.   this.finish=function()
  266.   {
  267.     if(op.color) obj.style.color = op.color;
  268.     obj.style.backgroundColor = op.finalColor;
  269.   };
  270.   this.render=function(schedule)
  271.   {
  272.     schedule = this.schedule || schedule;
  273.     var colors=[
  274.       n2h(Math.round(this.colors_base[0]+(this.colors_var[0]*schedule))),
  275.       n2h(Math.round(this.colors_base[1]+(this.colors_var[1]*schedule))),
  276.       n2h(Math.round(this.colors_base[2]+(this.colors_var[2]*schedule)))];
  277.     obj.style.backgroundColor = "#"+ colors.join("");
  278.   };
  279.   this.restore=function()
  280.   {
  281.     obj.style.color = op.originalColor;
  282.     obj.style.backgroundColor = op.originalBgColor;
  283.   };
  284.   this.dispose=function()
  285.   {
  286.     MzEffect.prototype.dispose.call(this);
  287.     delete this.colors_base;
  288.     delete this.colors_var;
  289.   };
  290. };
  292. MzEffect.Curtain=function(element, op)
  293. {
  294.   op = System.extend(
  295.   {
  296.     direction: "",
  297.     scaleContent: false
  298.   }, op||{});
  299.   MzEffect.apply(this, [element, op]);
  300. }
  301. MzEffect.Curtain.Extends(MzEffect, "MzEffect.Mask").initialize=function()
  302. {
  303.   var me=this, op=me.options, obj=me.element;
  304.   op.direction = op.direction.toLowerCase();
  306.   op.originalWidth  = obj.style.width;
  307.   op.originalHeight = obj.style.height;
  308.   op.originalOverflow = obj.style.overflow;
  309.   op.originalPosition = obj.style.position;
  310.   op.originalVisibility = obj.style.visibility;
  311.   op.originalMarginTop = (obj.currentStyle || obj.style).marginTop;
  313.   op.originalOffsetWidth  = obj.offsetWidth;
  314.   op.originalOffsetHeight = obj.offsetHeight;
  316.   obj.style.overflow = "hidden";
  318.   this.restore=function()
  319.   {
  320.     obj.style.width = op.originalWidth;
  321.     obj.style.height = op.originalHeight;
  322.     obj.style.overflow = op.originalOverflow;
  323.     obj.style.position = op.originalPosition;
  324.     obj.style.marginTop = op.originalMarginTop;
  325.     obj.style.visibility = op.originalVisibility;
  326.   };
  327.   this.finish=function(){this.restore();};
  328.   this.render=function(schedule){};
  329. };
  331. //op{interval, duration, trend, dirction}
  332. MzEffect.Mask=function(element, op)
  333. {
  334.   op=System.extend({direction: "box"}, op||{});
  335.   MzEffect.apply(this, [element, op]);
  336. };
  337. MzEffect.Mask.Extends(MzEffect, "MzEffect.Mask").initialize=function()
  338. {
  339.   var me=this, op=me.options, obj=me.element;
  340.   if (!op.trend && obj.style.display=="none"){me.endTime-=op.duration; return;}
  341.   op.direction = op.direction.toLowerCase();
  342.   if(op.direction=="random")
  343.   {
  344.     var a=["box","center-up-down", "center-right-left", "top", "bottom",
  345.       "left", "right", "top-right", "top-left", "right-top", "left-top"];
  346.     var n=Math.floor(Math.random() * a.length);
  347.     op.direction = (n>=a.length) ? "box" : a[n];
  348.   }
  350.   op.originalTop  = obj.style.top;
  351.   op.originalLeft = obj.style.left;
  352.   op.originalClip = obj.style.clip;
  353.   op.originalWidth= obj.style.width;
  354.   op.originalHeight= obj.style.height;
  355.   if(System.ie) op.originalPosition = (obj.currentStyle || obj.style).position;
  356.   else op.originalPosition = obj.getCssValue("position");
  357.   if (op.trend){op.originalVisibility = obj.style.visibility;
  358.   obj.style.visibility = "hidden"; MzElement.show(obj);}
  359.   op.originalOffsetWidth  = obj.offsetWidth;
  360.   op.originalOffsetHeight = obj.offsetHeight;
  361.   if(System.ie || window.opera)
  362.   {
  363.     obj.style.width = op.originalOffsetWidth +"px";
  364.     obj.style.height= op.originalOffsetHeight+"px";
  365.   }
  366.   else
  367.   {
  368.     obj.style.width = (op.originalOffsetWidth
  369.       - parseInt(obj.style.borderLeftWidth||0)
  370.       - parseInt(obj.style.borderRightWidth||0)) +"px";
  371.     obj.style.height= (op.originalOffsetHeight
  372.       - parseInt(obj.style.borderTopWidth||0)
  373.       - parseInt(obj.style.borderBottomWidth||0)) +"px";
  374.   }
  375.   if (op.trend) obj.style.visibility = op.originalVisibility;
  377.   //for opacity 20070114
  378.   if (System.ie)op.originalFilter = obj.style.filter; else
  379.   {
  380.     op.originalOpacity = obj.style.opacity;
  381.     op.originalMozOpacity = obj.style.MozOpacity;
  382.     op.originalKHTMLOpacity = obj.style.KHTMLOpacity;
  383.   }
  386.   if(op.originalPosition!="absolute")
  387.   {
  388.     obj.style.position = "absolute";
  389.     var input = document.createElement("INPUT");
  390.     input.type="text";   input.style.border="none";
  391.     input.readOnly=true; input.style.fontSize="1px";
  392.     input.style.margin=input.style.padding=0;
  393.     input.id = "MzEffectMaskStuffing"+ this.hashCode;
  394.     input.style.backgroundColor = "transparent";//"red";
  395.     var a=(obj.currentStyle||obj.style).marginLeft ||0;a=a=="auto"?0:parseInt(a);
  396.     var b=(obj.currentStyle||obj.style).marginRight||0;b=b=="auto"?0:parseInt(b);
  397.     input.style.width = (op.originalOffsetWidth  + a + b-(System.ie?2:0)) +"px";
  398.     a=(obj.currentStyle||obj.style).marginTop   ||0;a=a=="auto"?0:parseInt(a);
  399.     b=(obj.currentStyle||obj.style).marginBottom||0;b=b=="auto"?0:parseInt(b);
  400.     input.style.height= (op.originalOffsetHeight + a + b-(System.ie?2:0)) +"px";
  401.     obj.parentNode.insertBefore(input, obj.nextSibling);
  402.   }
  404.   this.restore=function()
  405.   {
  406.     obj.style.clip  = op.originalClip||"rect(auto, auto, auto, auto)";
  407.     obj.style.top   = op.originalTop;
  408.     obj.style.left  = op.originalLeft;
  409.     obj.style.width = op.originalWidth;
  410.     obj.style.height= op.originalHeight;
  411.     obj.style.position = op.originalPosition;
  412.     if(op.originalPosition!="absolute")
  413.       MzElement.remove("MzEffectMaskStuffing"+ this.hashCode);
  414.     if(System.ie) obj.style.filter = op.originalFilter; else
  415.     {
  416.       obj.style.opacity = op.originalOpacity;
  417.       obj.style.MozOpacity = op.originalMozOpacity;
  418.       obj.style.KHTMLOpacity = op.originalKHTMLOpacity;
  419.     }
  420.   };
  421.   this.finish=function(){if(!op.trend)MzElement.hide(obj); me.restore();};
  422.   this.render=function(schedule)
  423.   {
  424.     schedule = me.schedule || schedule;
  425.     if(op.opacity)
  426.     {
  427.       if(!System.ie){obj.style.opacity = schedule;
  428.         obj.style.MozOpacity = schedule; obj.style.KHTMLOpacity = schedule;}
  429.       else obj.style.filter = "alpha(opacity:"+Math.round(schedule*100)+")";
  430.     }
  431.     switch(op.direction)
  432.     {
  433.       case "box":
  434.         var halfW = Math.ceil(op.originalOffsetWidth /2);
  435.         var halfH = Math.ceil(op.originalOffsetHeight/2);
  436.         var right = Math.ceil(halfW * schedule);
  437.         var bottom =Math.ceil(halfH * schedule);
  438.         obj.style.clip = "rect("+ (halfH-bottom) +"px "+ (halfW+right) +"px "+
  439.           (halfH+bottom) +"px "+ (halfW-right) +"px)";
  440.         break;
  441.       case "center-up-down":
  442.       case "center-down-up":
  443.       case "center-top-bottom":
  444.       case "center-bottom-top":
  445.         var halfH = Math.ceil(op.originalOffsetHeight/2);
  446.         var bottom =Math.ceil(halfH * schedule);
  447.         obj.style.clip = "rect("+ (halfH-bottom) +"px "+
  448.           op.originalOffsetWidth +"px "+ (halfH+bottom) +"px 0)";
  449.         break;
  450.       case "center-right-left":
  451.       case "center-left-right":
  452.         var halfW = Math.ceil(op.originalOffsetWidth /2);
  453.         var right = Math.ceil(halfW * schedule);
  454.         obj.style.clip = "rect(0 "+ (halfW+right) +"px "+
  455.           op.originalOffsetHeight +"px "+ (halfW-right) +"px)";
  456.         break;
  457.       case "top":
  458.       case "top-bottom":
  459.         var bottom =op.originalOffsetHeight * schedule +"px";
  460.         obj.style.clip="rect(0 "+ op.originalOffsetWidth +"px "+ bottom +" 0)";
  461.         break;
  462.       case "bottom":
  463.       case "bottom-top":
  464.         var top = op.originalOffsetHeight * (1 - schedule) +"px";
  465.         obj.style.clip = "rect("+ top +" "+ op.originalOffsetWidth +"px "+
  466.           op.originalOffsetHeight +"px 0)";
  467.         break;
  468.       case "left":
  469.       case "left-right":
  470.         var right = op.originalOffsetWidth  * schedule +"px";
  471.         obj.style.clip="rect(0 "+ right +" "+ op.originalOffsetHeight +"px 0)";
  472.         break;
  473.       case "right":
  474.       case "right-left":
  475.         var left =op.originalOffsetWidth  * (1 - schedule) +"px";
  476.         obj.style.clip = "rect(0 "+ op.originalOffsetWidth +"px "+
  477.           op.originalOffsetHeight +"px "+ left +")";
  478.         break;
  479.       case "top-right":
  480.       case "left-bottom":
  481.         var right = op.originalOffsetWidth  * schedule +"px";
  482.         var bottom =op.originalOffsetHeight * schedule +"px";
  483.         obj.style.clip = "rect(0 "+ right +" "+ bottom +" 0)";
  484.         break;
  485.       case "top-left":
  486.       case "right-bottom":
  487.         var bottom = op.originalOffsetHeight * schedule +"px";
  488.         var left =op.originalOffsetWidth  * (1 - schedule) +"px";
  489.         obj.style.clip = "rect(0 "+ op.originalOffsetWidth +"px "+
  490.           bottom +" "+ left +")";
  491.         break;
  492.       case "right-top":
  493.       case "bottom-left":
  494.         var top = op.originalOffsetHeight * (1 - schedule) +"px";
  495.         var left =op.originalOffsetWidth  * (1 - schedule) +"px";
  496.         obj.style.clip = "rect("+ top +" "+ op.originalOffsetWidth +"px "+
  497.           op.originalOffsetHeight +"px "+ left +")";
  498.         break;
  499.       case "left-top":
  500.       case "bottom-right":
  501.         var top = op.originalOffsetHeight * (1 - schedule) +"px";
  502.         var right=op.originalOffsetWidth  * schedule +"px";
  503.         obj.style.clip = "rect("+ top  +" "+ right +" "+
  504.           op.originalOffsetHeight +"px 0)";
  505.         break;
  506.     }
  507.   };
  508. };
  511. //op{interval, duration, trend}
  512. MzEffect.Combo=function(effects, element, op)
  513. {
  514.   this.effects=effects||[];
  515.   if(this.effects.length==0) return;
  516.   MzEffect.apply(this,[element,op]);
  517. };
  518. t=MzEffect.Combo.Extends(MzEffect, "MzEffect.Combo");
  519. t.render=function(schedule)
  520. {
  521.   schedule = this.schedule || schedule;
  522.   for(var i=0; i<this.effects.length; i++)
  523.   {
  524.     var e = this.effects[i];
  525.     if (e.timer) clearTimeout(e.timer);
  526.     e.render(schedule);
  527.   }
  528. };
  529. t.finish=function()
  530. {
  531.   for(var i=0; i<this.effects.length; i++)
  532.   {
  533.     if(this.effects[i].finish) this.effects[i].finish();
  534.     this.effects[i].dispose();
  535.   }
  536. };
  537. t.dispose=function()
  538. {
  539.   for(var i=0; i<this.effects.length; i++) this.effects[i].dispose();
  540.   MzEffect.prototype.dispose.call(this);
  541.   delete this.effects;
  542. };
  548. /*--====== meizz effects ======--*/
  550. MzEffect.Shake=function(element){MzEffect.call(this, element)};
  551. MzEffect.Shake.Extends(MzEffect, "MzEffect.Shake").initialize=function()
  552. {
  553.   var me=this, obj=me.element, os=obj.style;
  554.   var top =os.top, left=os.left, position=os.position;
  555.   this.restore=function(){os.top=top; os.left=left; os.position=position;}
  557.   this._process=function()
  558.   {
  559.     var a=[0, 0];
  560.     if(me._scheduledIndex>=me._scheduledArray.length)
  561.     {
  562.       this._process=function()
  563.       {
  564.         me.restore();
  565.         me.dispose();
  566.         delete me._scheduledIndex;
  567.         delete me._scheduledArray;
  568.       };
  569.     }
  570.     else
  571.     {
  572.       a=me._scheduledArray[me._scheduledIndex];
  573.       me._scheduledIndex++;
  574.     }
  575.     MzEffect.moveBy(obj, a[0], a[1],{
  576.       duration: 40,
  577.       interval: 20,
  578.       onafterfinish: function(e){me._process();}});
  579.   };
  580. };
  581. MzEffect.Shake.prototype._scheduledIndex=0;
  582. MzEffect.Shake.prototype._scheduledArray=
  583. [
  584.    [20, -5]
  585.   ,[-40,-5]
  586.   ,[40, 10]
  587.   ,[-40, 5]
  588.   ,[40, -9]
  589.   ,[-35, 8]
  590.   ,[35, -7]
  591.   ,[-30, 6]
  592.   ,[20, -5]
  593.   ,[-15, 4]
  594.   ,[10, -3]
  595.   ,[-8,  2]
  596.   ,[6,  -1]
  597.   ,[-5,  0]
  598.   ,[3,   0]
  599.   ,[-1,  0]
  600. ];
  603. MzEffect.Appear=function(element, op)
  604. {
  605.   var e=MzElement.check(element);
  606.   if(!e) return; if(System.ie 
  607.     &&!e.style.width
  608.     &&!e.style.height
  609.     &&e.style.position!="absolute"
  610.     &&e.currentStyle
  611.     &&e.currentStyle.position!="absolute"
  612.     &&e.currentStyle.width=="auto"
  613.     &&e.currentStyle.height=="auto")
  614.   { MzElement.show(e); return;}
  615.   op=System.extend(
  616.   {
  617.     onbeforestart: function(e){MzElement.show(e.element);e.render(0.01);},
  618.     onafterfinish: function(e){e.restore();}
  619.   }, op||{});
  620.   return MzEffect.opacity(element, op);
  621. };
  623. MzEffect.Fade=function(element, op)
  624. {
  625.   var e=MzElement.check(element);
  626.   if(!e) return; if(System.ie 
  627.     &&!e.style.width
  628.     &&!e.style.height
  629.     &&e.style.position!="absolute"
  630.     &&e.currentStyle
  631.     &&e.currentStyle.position!="absolute"
  632.     &&e.currentStyle.width=="auto"
  633.     &&e.currentStyle.height=="auto")
  634.   { MzElement.hide(e); return;}
  635.   op=System.extend(
  636.   {
  637.     trend: "weaken",
  638.     onafterfinish: function(e){MzElement.hide(e.element); e.restore();}
  639.   }, op||{});
  640.   return MzEffect.opacity(element, op);
  641. };
  644. //op{loop, interval, dynamic}
  645. MzEffect.Pulsate=function(element, op)
  646. {
  647.   this.element=MzElement.check(element); if(!this.element) return;
  648.   op=this.options=System.extend({loop:5,interval:360,dynamic:true},op||{});
  649.   if(!op.dynamic || op.loop<0 || op.loop>5) op.interval += 160;
  651.   var a=this.attribName = "att_"+ this._className.replace(/W/g, "_");
  652.   if((t=this.element.getAttribute(a)) && (t=Instance(t))){
  653.   System.extend(t.options, this.options); t.times=0; return t;}
  655.   System.call(this);
  656.   this.element.setAttribute(this.attribName, this.hashCode, 0);
  657.   this.timer=null; this.initialize();
  658.   if(op.onbeforestart) op.onbeforestart(this); this.render();
  659. };
  660. t=MzEffect.Pulsate.Extends(System, "MzEffect.Pulsate");
  662. t.times=0;
  663. t.status=true;
  664. t.initialize=function()
  665. {
  666.   var me=this, op=me.options, obj=me.element;
  667.   op.visibility=obj.style.visibility;
  669.   this.render=function()
  670.   {
  671.     if(me.terminative) return me.stop();
  672.     if(op.loop>-1 && me.times>=op.loop) return me.stop();
  673.     if(me.status)
  674.     {
  675.       if(!op.dynamic || op.loop<0 || op.loop>5)
  676.       {
  677.         obj.style.visibility="hidden";
  678.         me.timer = setTimeout(me.render, op.interval);
  679.       }
  680.       else
  681.       {
  682.         MzEffect.fade(obj, {
  683.           interval: 40,
  684.           duration: 160,
  685.           onafterfinish: function(e)
  686.           {
  687.             obj.style.visibility="hidden";
  688.             e.restore();
  689.             me.timer = setTimeout(me.render, op.interval);
  690.           }
  691.         });
  692.       }
  693.     }
  694.     else
  695.     {
  696.       if(!op.dynamic || op.loop<0 || op.loop>5)
  697.       {
  698.         obj.style.visibility="";
  699.         me.timer = setTimeout(me.render, op.interval);
  700.       }
  701.       else
  702.       {
  703.         MzEffect.appear(obj,{
  704.           interval: 40,
  705.           duration: 160,
  706.           onbeforestart: function(e){e.element.style.visibility=""; e.render(0.01);},
  707.           onafterfinish: function(e){e.restore(); me.timer = setTimeout(me.render, op.interval);}
  708.         });
  709.       }
  710.     }
  711.     me.status = !me.status; if(me.status) me.times++;
  712.   };
  714.   this.stop=function()
  715.   {
  716.     obj.style.visibility=op.visibility;
  717.     if(me.finish) me.finish();
  718.     if(op.onafterfinish) op.onafterfinish(me);
  719.     clearTimeout(me.timer);
  720.     me.dispose();
  721.   }
  722.   this.dispose=function()
  723.   {
  724.     me.decontrol(); if(me.element)
  725.     me.element.removeAttribute(me.attribName);
  726.     delete me.state;
  727.     delete me.timer;
  728.     delete me.times;
  729.     delete me.element;
  730.     delete me.options;
  731.   };
  732. };
  733. MzEffect.Pulsate.stop=function(element)
  734. {
  735.   if(element=MzElement.check(element))
  736.   {
  737.     var t = "att_"+ "MzEffect.Pulsate".replace(/W/g, "_");
  738.     if(t=element.getAttribute(t))if(t=Instance(t))t.terminative=true;
  739.   }
  740. }
  743. //op{interval, duration}
  744. MzEffect.BlindDown=function(element, op){MzEffect.apply(this, arguments);};
  745. MzEffect.BlindDown.Extends(MzEffect, "MzEffect.Mask").initialize=function()
  746. {
  747.   var op=this.options, obj=this.element;
  748.   op.height = obj.style.height;
  749.   op.overflow = obj.style.overflow;
  750.   op.visibility = obj.style.visibility;
  751.   obj.style.visibility = "hidden";
  752.   MzElement.show(obj);
  753.   op.offsetHeight = obj.offsetHeight; if(!System.ie){
  754.   var t; if(t=obj.style.paddingTop) t=parseFloat(t);
  755.   if("number"==typeof t) op.offsetHeight -= t;
  756.   var b; if(b=obj.style.paddingBottom) b=parseFloat(b);
  757.   if("number"==typeof b) op.offsetHeight -= b;}
  758.   obj.style.height = "1px"; obj.style.overflow = "hidden";
  759.   setTimeout(function(){obj.style.visibility = op.visibility;}, 10);
  761.   this.finish=this.restore=function()
  762.   {
  763.     obj.style.overflow = op.overflow;
  764.     obj.style.height = op.height;
  765.   };
  766.   this.render=function(schedule)
  767.   {
  768.     schedule = this.schedule || schedule;
  769.     obj.style.height = parseInt(schedule * op.offsetHeight) +"px";
  770.   };
  771. };
  773. //op{interval, duration}
  774. MzEffect.BlindUp=function(element, op)
  775. {
  776.   op = System.extend({trend: "weaken"}, op||{});
  777.   MzEffect.apply(this, [element, op]);
  778. };
  779. MzEffect.BlindUp.Extends(MzEffect, "MzEffect.Mask").initialize=function()
  780. {
  781.   var op=this.options, obj=this.element;
  782.   op.height = obj.style.height;
  783.   op.overflow = obj.style.overflow;
  784.   op.offsetHeight = obj.offsetHeight; if(!System.ie){
  785.   var t; if(t=obj.style.paddingTop) t=parseFloat(t);
  786.   if("number"==typeof t) op.offsetHeight -= t;
  787.   var b; if(b=obj.style.paddingBottom) b=parseFloat(b);
  788.   if("number"==typeof b) op.offsetHeight -= b;}
  789.   obj.style.overflow = "hidden";
  791.   this.finish=function()
  792.   {
  793.     MzElement.hide(obj);
  794.     obj.style.overflow = op.overflow;
  795.     obj.style.height = op.height;
  796.   };
  797.   this.restore=function()
  798.   {
  799.     obj.style.overflow = op.overflow;
  800.     obj.style.height = op.height;
  801.   };
  802.   this.render=function(schedule)
  803.   {
  804.     schedule = this.schedule || schedule;
  805.     if(schedule<=0.05) MzElement.hide(obj);
  806.     obj.style.height = parseInt(schedule * op.offsetHeight) +"px";
  807.   };
  808. };
  810. //op{interval, duration}
  811. MzEffect.SlideUp=function(element, op)
  812. {
  813.   return MzEffect.collapse(element, System.extend(
  814.   {
  815.     onafterupdate: function(e){e.element.scrollTop=e.options.offsetHeight;}
  816.   }, op||{}))
  817. };
  819. //op{interval, duration}
  820. MzEffect.SlideDown=function(element, op)
  821. {
  822.   return MzEffect.expand(element, System.extend(
  823.   {
  824.     onafterupdate: function(e){e.element.scrollTop=e.options.offsetHeight;}
  825.   }, op||{}))
  826. };
  828. //op{interval, duration}
  829. MzEffect.Fall=function(){MzEffect.Curtain.apply(this, arguments);};
  830. MzEffect.Fall.Extends(MzEffect.Curtain).initialize=function()
  831. {
  832.   MzEffect.Curtain.prototype.initialize.call(this);
  833.   var me=this, op=me.options, obj=me.element;
  835.   this.finish=function(){this.hide(9);};
  836.   this.hide=function(n)
  837.   {
  838.     if(n<0){MzElement.hide(obj); me.restore(); return;}
  839.     obj.style.height = "1px"; obj.style.visibility = "hidden";
  840.     obj.style.marginTop=(n/10)*op.originalOffsetHeight + parseFloat(op.originalMarginTop||0) +"px";
  841.     this.timer=setTimeout(function(){me.hide(--n);}, 10);
  842.   }
  843.   this.render=function(schedule)
  844.   {
  845.     schedule = Math.ceil(op.originalOffsetHeight * (this.schedule || schedule));
  846.     obj.style.marginTop = (schedule + parseFloat(op.originalMarginTop||0)) +"px";
  847.     obj.style.height= (op.originalOffsetHeight - schedule) +"px";
  848.   };
  849. };
  851. //op{interval, duration}
  852. MzEffect.Rise=function(){MzEffect.Curtain.apply(this, arguments);};
  853. MzEffect.Rise.Extends(MzEffect.Curtain).initialize=function()
  854. {
  855.   MzEffect.Curtain.prototype.initialize.call(this);
  856.   var me=this, op=me.options, obj=me.element;
  858.   obj.style.height="1px"; MzElement.show(obj);
  859.   op.originalOffsetHeight = obj.offsetHeight;
  860.   obj.style.marginTop = op.originalOffsetHeight + parseFloat(op.originalMarginTop||0);
  862.   this.render=function(schedule)
  863.   {
  864.     schedule = Math.ceil(op.originalOffsetHeight * (this.schedule || schedule));
  865.     obj.style.height = schedule +"px";
  866.     obj.style.marginTop = (op.originalOffsetHeight - schedule + parseFloat(op.originalMarginTop||0)) +"px";
  867.   };
  868. };
  874. //[static method]
  875. MzEffect.opacity  =function(element, op){return new MzEffect.Opacity(element, op);};
  876. MzEffect.moveBy   =function(element, op){return new MzEffect.MoveBy(element, op);};
  877. MzEffect.moveTo   =function(element, op){return new MzEffect.MoveTo(element, op);};
  878. MzEffect.highlight=function(element, op){return new MzEffect.Highlight(element, op);};
  879. MzEffect.mask     =function(element, op){return new MzEffect.Mask(element, op);};
  881. MzEffect.combo    =function(element, op){};
  882. MzEffect.shake    =function(element, op){return new MzEffect.Shake(element, op);};
  883. MzEffect.appear   =function(element, op){return new MzEffect.Appear(element, op);};
  884. MzEffect.fade     =function(element, op){return new MzEffect.Fade(element, op);};
  885. MzEffect.pulsate  =function(element, op){return new MzEffect.Pulsate(element, op);};
  886. MzEffect.expand   =function(element, op){return new MzEffect.BlindDown(element, op);};
  887. MzEffect.collapse =function(element, op){return new MzEffect.BlindUp(element, op);};
  888. MzEffect.remove   =function(element, op){return new MzEffect.Fade(element, System.extend(op||{}, {onafterfinish: function(){MzElement.remove(element)}}));};