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

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

Applet

开发平台：

Java

MzBehavior.js：源码内容
  1. /*---------------------------------------------------------------------------*
  2. |  Subject:    Html Element behavior base
  3. |  NameSpace:  System.Web.Forms.MzBehavior
  4. |  Author:     meizz
  5. |  Created:    2006-08-05
  6. |  Version:    2006-12-14
  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. *---------------------------------------------------------------------------*/
  13. //Using("System.Web.Forms.MzEffect");
  15. //op{interval, duration, dynamic}
  16. function MzBehavior()
  17. {
  18.   this.element=MzElement.check(arguments[0]);
  19.   if(!this.element) return;
  21.   this.options=System.extend({
  22.     interval: 20,   //milliseconds
  23.     duration: 360,  //milliseconds
  24.     dynamic:  true
  25.   },arguments[1]||{});
  27.   //prevent repeated behavior
  28.   this.attributeName = "att_"+ this._className.replace(/W/g, "_");
  29.   if(t=this.element.getAttribute(this.attributeName)) return;
  30.   this.element.setAttribute(this.attributeName, "meizz", 0);
  32.   if("function"==typeof this.initialize) this.initialize();
  33. }
  34. MzBehavior.Extends(System, "MzBehavior");
  37. //op{color, beginColor, backgroundColor, backgroundImage}
  38. MzBehavior.Highlight=function(obj,op)
  39. {
  40.   op=System.extend({backgroundColor: "#D4D0C8"}, op||{});
  41.   MzBehavior.apply(this, [obj, op]);
  42. };
  43. t=MzBehavior.Highlight.Extends(MzBehavior, "MzBehavior.Highlight");
  45. t.initialize=function()
  46. {
  47.   var me=this, op=me.options, obj=me.element;
  48.   op._color = obj.style.color;
  49.   op._backgroundColor = obj.style.backgroundColor;
  50.   op._backgroundImage = obj.style.backgroundImage; if(!op.beginColor){
  51.   if(System.ie) op.beginColor=(obj.currentStyle||obj.style).backgroundColor;
  52.   else op.beginColor = obj.getCssValue("background-color");
  53.   if(!op.beginColor || op.beginColor=="transparent")op.beginColor="#FFFFFF";}
  54.   op.beginColor = MzEffect.formatColor(op.beginColor);
  56.   this.mouseover=function()
  57.   {
  58.     if(me.outer) return;
  59.     if(op.color) obj.style.color=op.color;
  60.     if(op.dynamic)
  61.     {
  62.       MzEffect.highlight(obj, {
  63.         interval:   op.interval,
  64.         duration:   op.duration,
  65.         beginColor: op.beginColor,
  66.         endColor:   op.backgroundColor,
  67.         finalColor: op.backgroundColor,
  68.         onafterfinish: function(e)
  69.         {
  70.           if(op.color) obj.style.color=op.color;
  71.           if(op.backgroundImage) obj.style.backgroundImage=op.backgroundImage;
  72.         }});
  73.     }
  74.     else
  75.     {
  76.       if(op.color)
  77.       obj.style.color=op.color;if(op.backgroundImage)
  78.       obj.style.backgroundImage = op.backgroundImage;
  79.       obj.style.backgroundColor = op.backgroundColor;
  80.     }
  81.     me.outer=true;
  82.   };
  83.   this.mouseout=function()
  84.   {
  85.     if(me.inner) return; obj.style.color=op._color;
  86.     if(op.dynamic)
  87.     {
  88.       MzEffect.highlight(obj, {
  89.         interval:   op.interval,
  90.         duration:   op.duration,
  91.         beginColor: op.backgroundColor,
  92.         endColor:   op.beginColor,
  93.         finalColor: op.beginColor,
  94.         onafterfinish: function(e)
  95.         {
  96.           obj.style.color=op._color;if(op.backgroundImage)
  97.           obj.style.backgroundImage = op._backgroundImage;
  98.           obj.style.backgroundColor = op._backgroundColor;
  99.         }});
  100.     }
  101.     else
  102.     {
  103.       obj.style.color=op._color;if(op.backgroundImage)
  104.       obj.style.backgroundImage = op._backgroundImage;
  105.       obj.style.backgroundColor = op._backgroundColor;
  106.     }
  107.     me.outer=false;
  108.   };
  109.   this.mouseoverHandler=function()
  110.   {
  111.     clearTimeout(me.timer); me.inner=true;
  112.     setTimeout(me.mouseover, 1);
  113.   };
  114.   this.mouseoutHandler =function()
  115.   {
  116.     me.outer=!(me.inner=false);
  117.     me.timer=setTimeout(me.mouseout, 1);
  118.   };
  119.   this.restore=function()
  120.   {
  121.     this.inner=false; this.mouseout();
  122.     obj.removeAttribute(me.attributeName);
  123.     obj.detachEvent("onmouseover",this.mouseoverHandler);
  124.     obj.detachEvent("onmouseout", this.mouseoutHandler);
  125.   };
  126.   obj.attachEvent("onmouseover", this.mouseoverHandler);
  127.   obj.attachEvent("onmouseout",  this.mouseoutHandler);
  128. };
  138. //op{dark,light,color,backgroundColor,backgroundImage,condition(e)}
  139. MzBehavior.Emboss=function(element, op)
  140. {
  141.   op = System.extend({
  142.     dark: "#808080",
  143.     light:"#F5F5F5",
  144.     borderWidth: 1,
  145.     continual: false,
  146.     condition: function(e){return true;}
  147.   },op||{});
  149.   MzBehavior.apply(this, [element, op]);
  150. };
  151. t=MzBehavior.Emboss.Extends(MzBehavior, "MzBehavior.Emboss");
  152. t.initialize=function()
  153. {
  154.   var me=this, obj=this.element; op=this.options, bw = op.borderWidth;
  155.   var borderStyle = bw==1 ? "solid " : "outset ";
  156.   op._color = obj.style.color;
  157.   op._backgroundColor = obj.style.backgroundColor;
  158.   op._backgroundImage = obj.style.backgroundImage;
  160.   this.especial=false;
  161.   /MSIE (d+(.d+)?)/.test(navigator.userAgent);
  162.   if(System.ie)this.especial=parseFloat(RegExp.$1)<7;
  163.   this.especial = this.especial || window.opera;
  165.   if(this.especial)
  166.   {
  167.     var es = obj.currentStyle || obj.style;
  168.     var PT = ((op._PT=es.paddingTop)   =="auto"?0:parseInt(op._PT))+bw;
  169.     var PL = ((op._PL=es.paddingLeft)  =="auto"?0:parseInt(op._PL))+bw;
  170.     var PR = ((op._PR=es.paddingRight) =="auto"?0:parseInt(op._PR))+bw;
  171.     var PB = ((op._PB=es.paddingBottom)=="auto"?0:parseInt(op._PB))+bw;
  173.     var es = obj.style;
  174.     this._pristine=function()
  175.     {
  176.       es.paddingTop =PT +"px"; es.paddingBottom=PB +"px";
  177.       es.paddingLeft=PL +"px"; es.paddingRight =PR +"px";
  178.       es.border="none";   es.color=op._color;
  179.       es.backgroundColor=op._backgroundColor;
  180.       es.backgroundImage=op._backgroundImage;
  181.     };
  182.     this.mouseover=function()
  183.     {
  184.       if(!op.condition(me)){me._pristine(); return;}
  185.       es.borderTop = es.borderLeft    = borderStyle + bw +"px "+ op.light;
  186.       es.borderRight = es.borderBottom= borderStyle + bw +"px "+ op.dark;
  187.       es.paddingTop=(PT-bw) +"px"; es.paddingBottom=(PB-bw) +"px";
  188.       es.paddingLeft=(PL-bw) +"px"; es.paddingRight=(PR-bw) +"px";
  189.       if(op.color) es.color=op.color;
  190.       if(op.backgroundColor) es.backgroundColor=op.backgroundColor;
  191.       if(op.backgroundImage) es.backgroundImage=op.backgroundImage;
  192.     };
  193.     this.mousedown=function()
  194.     {
  195.       if(!op.condition(me)){me._pristine(); return;}
  196.       es.borderTop = es.borderLeft = "inset "+ bw +"px "+ op.dark;
  197.       es.borderRight=es.borderBottom="inset "+ bw +"px "+ op.light;
  198.       es.paddingTop=(PT-bw) +"px"; es.paddingBottom=(PB-bw) +"px";
  199.       es.paddingLeft=(PL-bw) +"px"; es.paddingRight=(PR-bw) +"px";
  200.       if(op.color) es.color=op.color;
  201.       if(op.backgroundColor) es.backgroundColor=op.backgroundColor;
  202.       if(op.backgroundImage) es.backgroundImage=op.backgroundImage;
  203.     };
  204.   }
  205.   else
  206.   {
  207.     var es=obj.style;
  208.     op._BT=es.borderTop;   op._BL=es.borderLeft;
  209.     op._BR=es.borderRight; op._BB=es.borderBottom;
  210.     es.borderTop = es.borderLeft = "solid "+ bw +"px transparent";
  211.     es.borderRight = es.borderBottom = "solid "+ bw +"px transparent";
  213.     this._pristine=function()
  214.     {
  215.       es.borderTop = es.borderLeft = "solid "+ bw +"px transparent";
  216.       es.borderRight = es.borderBottom = "solid "+ bw +"px transparent";
  217.       es.color=op._color;
  218.       es.backgroundColor=op._backgroundColor;
  219.       es.backgroundImage=op._backgroundImage;
  220.     };
  221.     this.mouseover=function()
  222.     {
  223.       if(!op.condition(me)){me._pristine(); return;}
  224.       es.borderTop = es.borderLeft     = borderStyle + bw +"px "+ op.light;
  225.       es.borderRight = es.borderBottom = borderStyle + bw +"px "+ op.dark;
  226.       if(op.color) es.color=op.color;
  227.       if(op.backgroundColor) es.backgroundColor=op.backgroundColor;
  228.       if(op.backgroundImage) es.backgroundImage=op.backgroundImage;
  229.     };
  230.     this.mousedown=function()
  231.     {
  232.       if(!op.condition(me)){me._pristine(); return;}
  233.       es.borderTop = es.borderLeft = "inset "+ bw +"px "+ op.dark;
  234.       es.borderRight = es.borderBottom = "inset "+ bw +"px "+ op.light;
  235.       if(op.color) es.color=op.color;
  236.       if(op.backgroundColor) es.backgroundColor=op.backgroundColor;
  237.       if(op.backgroundImage) es.backgroundImage=op.backgroundImage;
  238.     };
  239.   }
  241.   this._pristine();
  242.   obj.attachEvent("onmouseover", this.mouseover);
  243.   obj.attachEvent("onmouseout",  this._pristine);
  244.   obj.attachEvent("onmousedown", this.mousedown);
  245.   obj.attachEvent("onclick",     this.mouseover);
  247.   this.restore=function()
  248.   {
  249.     if(this.especial)
  250.     {
  251.       es.paddingTop=op._PT; es.paddingBottom=op._PB;
  252.       es.paddingLeft=op._PL; es.paddingRight=op._PR;
  253.     }
  254.     else
  255.     {
  256.       es.borderTop=op._BT; es.borderBottom=op._BB;
  257.       es.borderLeft=op._BL; es.borderRight=op._BR;
  258.     }
  259.     obj.removeAttribute(me.attributeName);
  260.     obj.detachEvent("onmouseover", this.mouseover);
  261.     obj.detachEvent("onmouseout",  this._pristine);
  262.     obj.detachEvent("onmousedown", this.mousedown);
  263.     obj.detachEvent("onclick",     this.mouseover);
  264.   };
  265. };
  271. //2006-11-29
  272. //op{interval,duration,direction,dynamic,continual,width,height,increased,controls,selectedClassName}
  273. MzBehavior.Rotate=function(element, op)
  274. {
  275.   op = System.extend(
  276.   {
  277.     interval: 3000,
  278.     duration: 2000,
  279.     continual: true,
  280.     direction: "random"
  281.   },op||{});
  282.   MzBehavior.apply(this, [element, op]);
  283. };
  284. MzBehavior.Rotate.Extends(MzBehavior, "MzBehavior.Rotate");
  286. MzBehavior.Rotate.prototype.initialize=function()
  287. {
  288.   var me=this, obj=me.element, op=me.options;
  289.   me.interval = op.duration + op.interval;
  290.   me.nodes = [];
  291.   me.timer = null;
  292.   me.activeIndex = 1;
  293.   me.currentIndex = 0;
  294.   obj.style.position = "relative"; //20061208
  296.   for(var i=0, n=obj.childNodes.length; i<n; i++)
  297.   {
  298.     var node = obj.childNodes[i];
  299.     if (node.nodeType==1 && node.tagName) me.nodes.push(node);
  300.   } if (me.nodes.length<=1) return; n=op.controls;
  301.   for(var i=1; i<me.nodes.length; i++) MzElement.hide(me.nodes[i]);
  302.   if("undefined"!=typeof(n)&& n.length&&"object"==typeof(n[0])&&n[0].tagName)
  303.   {
  304.     System.call(me);
  305.     for(var i=0;i<n.length;i++)if(n[i].tagName)n[i].onmouseover=
  306.     new Function("Instance('"+ me.hashCode +"').focus("+ i +")");
  307.     n[me.currentIndex].className=op.selectedClassName||"selected";
  308.   }
  309.   if(this.options.continual) me.timer=
  310.   setTimeout(function(){me.change();}, me.interval);
  311.   setTimeout(function()
  312.   {
  313.     var w = parseFloat(op.width);
  314.     var h = parseFloat(op.height);
  315.     op.width = op.width ? (isNaN(w) ? "" : w) : "";
  316.     op.height= op.height? (isNaN(h) ? "" : h) : "";
  317.     w=parseFloat(System.ie ? obj.currentStyle.width :obj.getCssValue("width"));
  318.     h=parseFloat(System.ie ? obj.currentStyle.height:obj.getCssValue("height"));
  319.     op.width = op.width || (isNaN(w) ? "" : w);
  320.     op.height= op.height|| (isNaN(h) ? "" : h);
  321.     op.width = op.width || me.nodes[0].offsetWidth;
  322.     op.height= op.height|| me.nodes[0].offsetHeight;
  323.     obj.style.width = op.width +"px";
  324.     obj.style.height= op.height+"px";
  325.     obj.style.overflow = "hidden";
  326.   }, 1);
  327. };
  329. MzBehavior.Rotate.prototype.change=function()
  330. {
  331.   if (this.dispatchEvent(new System.Event("onchange"))) this.mask();
  332.   var me = this, op=me.options, n=op.controls;
  333.   if("undefined"!=typeof(n)&& n.length&&"object"==typeof(n[0])&&n[0].tagName)
  334.   {
  335.     for(var i=0; i<n.length; i++) n[i].className = "";
  336.     n[me.currentIndex].className= op.selectedClassName || "selected";
  337.   }
  338.   if(this.options.continual) this.timer=
  339.   setTimeout(function(){me.change();}, me.interval);
  340. };
  342. MzBehavior.Rotate.prototype.mask=function()
  343. {
  344.   var me=this, L=me.nodes.length, I=me.currentIndex, N=me.activeIndex;
  345.   this.currentIndex = N;  this.activeIndex = N+1>=L ? 0 : N+1;
  347.   if(!this.options.dynamic)
  348.   {
  349.     MzElement.hide.apply(this,this.nodes);
  350.     MzElement.show(this.nodes[N]); return;
  351.   }
  352.   if("boolean"==typeof me.options.increased) var B=me.options.increased; else
  353.   var B  = Math.ceil(Math.random()* 1000) % 2 == 0; //true: strengthen
  354.   var maskIndex = B ? N : I, oldIndex  = B ? I : N;
  356.   MzElement.show(me.nodes[I]);
  357.   var region = me.nodes[maskIndex]; MzElement.show(region);
  359.   var originalWidth = region.style.width || "";
  360.   var originalHeight= region.style.height|| "";
  361.   var ow=region.offsetWidth, oh=region.offsetHeight;
  363.   function mm(s){var n=parseFloat(region.getCssValue(s)); return isNaN(n)?0:n;}
  364.   if(!System.ie) //hack for moz opera
  365.   {
  366.     ow -= mm("padding-left");
  367.     ow -= mm("padding-right");
  368.     ow -= mm("border-left-width");
  369.     ow -= mm("border-right-width");
  370.     oh -= mm("padding-top");
  371.     oh -= mm("padding-bottom");
  372.     oh -= mm("border-top-width");
  373.     oh -= mm("border-bottom-width");
  374.   }
  376.   with(region.style)
  377.   {
  378.     zIndex = 1;
  379.     top = left= "0px";
  380.     position = "absolute";
  381.     width = ow +"px";
  382.     height = oh +"px";
  383.   }
  384.   MzElement.show(me.nodes[oldIndex]);
  386.   this.effect = MzEffect.mask(region, 
  387.   {
  388.     trend: B,
  389.     duration: me.options.duration,
  390.     direction: me.options.direction,
  391.     onafterfinish: function(e)
  392.     {
  393.       if(B) MzElement.hide(me.nodes[oldIndex]);
  394.       with(e.element.style)
  395.       {
  396.         position="";zIndex="";
  397.         top = left = "";
  398.         width = originalWidth;
  399.         height = originalHeight;
  400.       }
  401.     }
  402.   });
  403. };
  404. MzBehavior.Rotate.prototype.focus=function(n)
  405. {
  406.   var L=this.nodes.length,I=this.currentIndex;
  407.   if(n>=L) n=L-1; if(L<=1 || n==I) return;
  408.   MzElement.hide.apply(this, this.nodes);
  409.   clearTimeout(this.timer);
  410.   if(this.effect)this.effect.end();
  411.   this.activeIndex=n<0?0:n;this.change();
  412. };
  415. //2006-11-29
  416. //op{interval, duration, direction}
  417. MzBehavior.Marquee=function(element, op)
  418. {
  419.   op = System.extend(
  420.   {
  421.     interval: 3000,
  422.     duration: 2000,
  423.     direction: "random"
  424.   },op||{});
  425.   MzBehavior.apply(this, [element, op]);
  426. };
  427. MzBehavior.Marquee.Extends(MzBehavior, "MzBehavior.Marquee");
  429. MzBehavior.Marquee.prototype.initialize=function()
  430. {
  431.   var me=this, obj=me.element, op=me.options, a=obj.childNodes;
  433.   obj.style.overflow = "hidden";
  434.   var div = document.createElement("DIV");
  435.   obj.insertBefore(div, obj.firstChild);
  436.   div.style.backgroundColor="green";
  437.   for(var i=a.length-1; i>=0; i--) div.insertBefore(a[i], div.firstChild);
  438. };
  451. //[static method]
  452. MzBehavior.highlight=function(e, op){return new MzBehavior.Highlight(e, op);}
  453. MzBehavior.emboss   =function(e, op){return new MzBehavior.Emboss(e, op);}
  454. MzBehavior.rotate   =function(e, op){return new MzBehavior.Rotate(e, op);}
  455. MzBehavior.marquee  =function(e, op){return new MzBehavior.Marquee(e, op);}