Heim > Web-Frontend > js-Tutorial > JObj预览一个JS的框架_js面向对象

JObj预览一个JS的框架_js面向对象

WBOY
Freigeben: 2016-05-16 19:05:54
Original
1110 Leute haben es durchsucht

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

复制代码 代码如下:

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; 
 } 

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage