JObj预览一个JS的框架

所属分类: 网络编程 / JavaScript 阅读数: 1442
收藏 0 赞 0 分享
我的时间不多,大部分是在工作之余写的。

复制代码 代码如下:

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

更多精彩内容其他人还在看

纯javascript判断查询日期是否为有效日期

很多网站都涉及到输入日期选项,如果客户日期输入错误,可能导入查询不到甚至查询到错误的信息,为了更好的满足用户需求,需要对日期进行校验,下面给大家介绍使用纯javascript如何判断查询日期是否为有效日期,需要的朋友可以参考下
收藏 0 赞 0 分享

jquery实现的蓝色二级导航条效果代码

这篇文章主要介绍了jquery实现的蓝色二级导航条效果代码,涉及jquery鼠标事件及页面样式的动态切换效果实现技巧,非常简单实用,需要的朋友可以参考下
收藏 0 赞 0 分享

ajax如何实现页面局部跳转与结果返回

AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术,通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新,本篇文章给大家介绍ajax如何实现页面局部跳转与结果返
收藏 0 赞 0 分享

jQuery实现的类似淘宝网站搜索框样式代码分享

这篇文章主要介绍了类似淘宝网站搜索框样式实现代码,推荐给大家,有需要的小伙伴可以参考下。
收藏 0 赞 0 分享

js实现的黑背景灰色二级导航菜单效果代码

这篇文章主要介绍了js实现的黑背景灰色二级导航菜单效果代码,涉及javascript操作页面元素动态切换的实现技巧,非常具有实用价值,需要的朋友可以参考下
收藏 0 赞 0 分享

jQuery仿360导航页图标拖动排序效果代码分享

这篇文章主要为大家详细介绍了360导航页图标拖动排序效果代码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

javascript中SetInterval与setTimeout的定时器用法

Javascript的setTimeOut和setInterval函数应用非常广泛,它们都用来处理延时和定时任务,比如打开网页一段时间后弹出一个登录框,页面每隔一段时间发送异步请求获取最新数据等,本文文章通过代码示例给大家介绍javascript中SetInterval与setT
收藏 0 赞 0 分享

jquery带下拉菜单和焦点图代码分享

这篇文章主要介绍了jquery带下拉菜单和焦点图代码,推荐给大家,有需要的小伙伴可以参考下。
收藏 0 赞 0 分享

jQuery实现的背景动态变化导航菜单效果

这篇文章主要介绍了jQuery实现的背景动态变化导航菜单效果,涉及jquery页面元素背景动态变换的实现技巧,非常具有实用价值,需要的朋友可以参考下
收藏 0 赞 0 分享

jquery+CSS实现的水平布局多级网页菜单效果

这篇文章主要介绍了jquery+CSS实现的水平布局多级网页菜单效果,涉及jquery页面元素属性动态变换效果实现技巧,非常具有实用价值,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多