JObj预览一个JS的框架


Posted in Javascript onMarch 13, 2008

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

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 10件让人费解的事情
Feb 15 Javascript
jquery实现仿JqueryUi可拖动的DIV实例
Jul 31 Javascript
利用jquery给指定的table动态添加一行、删除一行的方法
Oct 12 Javascript
详解jQuery简单的表单应用
Dec 16 Javascript
微信小程序 出现47001 data format error原因解决办法
Mar 10 Javascript
移动端触摸滑动插件swiper使用方法详解
Aug 11 Javascript
vue组件的写法汇总
Apr 12 Javascript
vue+springmvc导出excel数据的实现代码
Jun 27 Javascript
Vue props用法详解(小结)
Jul 03 Javascript
JavaScript实现的九种排序算法
Mar 04 Javascript
vue setInterval 定时器失效的解决方式
Jul 30 Javascript
基于JavaScript实现猜数字游戏代码实例
Jul 30 Javascript
DHTML Slide Show script图片轮换
Mar 03 #Javascript
JavaScript面向对象编程
Mar 02 #Javascript
一个javascript参数的小问题
Mar 02 #Javascript
js加解密 脚本解密
Feb 22 #Javascript
JS应用之禁止抓屏、复制、打印
Feb 21 #Javascript
js 调整select 位置的函数
Feb 21 #Javascript
js 替换
Feb 19 #Javascript
You might like
PHP HTML代码串 截取实现代码
2009/06/29 PHP
smarty模板引擎使用内建函数foreach循环取出所有数组值的方法
2015/01/22 PHP
php生成Android客户端扫描可登录的二维码
2016/05/13 PHP
PHP连接MySQL进行增、删、改、查操作
2017/02/19 PHP
javascript之学会吝啬 精简代码
2010/04/25 Javascript
JavaScript性能陷阱小结(附实例说明)
2010/12/28 Javascript
JavaScript中的this关键字介绍与使用实例
2013/06/21 Javascript
js编码、解码函数介绍及其使用示例
2013/09/05 Javascript
动态添加option及createElement使用示例
2014/01/26 Javascript
javaScript 页面自动加载事件详解
2014/02/10 Javascript
js只执行1次的函数示例
2016/07/20 Javascript
Jquery实时监听input value的实例
2017/01/26 Javascript
详解Vue生命周期的示例
2017/03/10 Javascript
详解微信小程序中的页面代码中的模板的封装
2017/10/12 Javascript
node.js博客项目开发手记
2018/03/16 Javascript
解决angularjs前后端分离调用接口传递中文时中文乱码的问题
2018/08/13 Javascript
分享5个顶级的JavaScript Ajax组件库
2018/09/16 Javascript
详解如何用webpack4从零开始构建react开发环境
2019/01/27 Javascript
layui数据表格跨行自动合并的例子
2019/09/02 Javascript
TensorFlow.js 微信小程序插件开始支持模型缓存的方法
2020/02/21 Javascript
Javascript Web Worker使用过程解析
2020/03/16 Javascript
JavaScript内置对象之Array的使用小结
2020/05/12 Javascript
详解element-ui 表单校验 Rules 配置 常用黑科技
2020/07/11 Javascript
javascript实现前端分页功能
2020/11/26 Javascript
python for 循环获取index索引的方法
2019/02/01 Python
python对execl 处理操作代码
2020/06/22 Python
如何让python的运行速度得到提升
2020/07/08 Python
python录音并调用百度语音识别接口的示例
2020/12/01 Python
python 爬虫之selenium可视化爬虫的实现
2020/12/04 Python
python 求两个向量的顺时针夹角操作
2021/03/04 Python
嘻哈珠宝品牌:KRKC&CO
2020/10/19 全球购物
Tea Collection官网:一家位于旧金山的童装公司
2020/08/07 全球购物
IT工程师岗位职责
2014/07/04 职场文书
幽默导游词开场白
2015/05/29 职场文书
2016年4月份红领巾广播稿
2015/12/21 职场文书
JavaScript实现酷炫的鼠标拖尾特效
2022/02/18 Javascript