JObj预览一个JS的框架

189 阅读 0 评论 125 点赞

我是靠谱客的博主粗心高山，最近开发中收集的这篇文章主要介绍JObj预览一个JS的框架，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

我的时间不多，大部分是在工作之余写的。

复制代码代码如下:

JObj.Dom.$tag("INPUT")  
  .$filter(function(o){     
   var fa = o.parentNode.parentNode.parentNode;  
   return f =(o.type == "text" && fa.id == "hollerNew") ? true : false;  
  })  
  .$css({width:"570px",height:"18px",lineHeight:"18px"})  
  .$attr({className:"hollerFormNormal"})  
  .$event({  
   onfocus:"vControl('TEXTFOCUS',this)",  
   onblur:"vControl('TEXTBLUR',this)"  
   })  
  .$tag("TEXTAREA")  
  .$css({width:"570px",height:"100px",lineHeight:"18px"})  
  .$attr({className:"hollerFormNormal"})  
  .$event({  
   onfocus:"vControl('TEXTFOCUS',this)",  
   onblur:"vControl('TEXTBLUR',this)"  
   })  
  .$(document.hollerNew)  
    .$event({  
     onsubmit:function(){  
      return JObj.FormValidate.$validate(this,rules);  
     }  
    });  

JObj.Dom.$(window)  
  .$event({  
   onscroll:"vControl('FIXTOOLBAR')"  
  });  

var vControl = function(pChoice){  
 var args = arguments;  
 switch(pChoice){  
  case "BACKER":  
   var backer = args[1];  
   var id = args[2];  
   break;  
  case "FLOWERS":  
   var id = args[1];  
   break;  
  case "EGGS":  
   var id = args[1];  
   break;  
  case "TEXTFOCUS":  
   args[1].className = "hollerFormFocus";  
   break;  
  case "TEXTBLUR":  
   args[1].className = "hollerFormNormal";  
   break;  
  case "SHOWTIP":  
   var o,t;  
   switch(args[3]){  
    case "FLOWER":   
     o = "hollerTip_flower_";  
     t = "鲜花 " + args[2] + " 朵，送他/她一朵，让她开花店！"  
     break;  
    case "EGG":   
     o = "hollerTip_egg_";  
     t = "鸡蛋 " + args[2] + " 枚，如果你怕不够孵小鸡，你在给他/她一枚！"  
     break;  
    default :   
     return;  
   }  

   JObj.Dom.$(o + args[1])  
     .$attr({innerHTML:t})  
     .$css({display:"",position:"relative"})  
     .$show("fast",  
      {width:0,height:0},  
      {width:400,height:18}   
     );  
   break;  
  case "HIDETIP":  
   var o;  
   switch(args[2]){  
    case "FLOWER": o = "hollerTip_flower_";break;  
    case "EGG": o = "hollerTip_egg_";break;  
    default : return;  
   }    

   JObj.Dom.$(o + args[1])  
     .$hide("fast");  
   break;  
  case "FIXTOOLBAR":  
   JObj.Dom.$("toolBar")  
     .$css({opacity:0.1,filter:"Alpha(Opacity=10)"})  
     .$moveToScrollTop("fast");  
   break;  
 }  
} 