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 相关文章推荐
关于IFRAME 自适应高度的研究
Jul 20 Javascript
myeclipse安装jQuery插件的方法
Mar 29 Javascript
JavaScript中“+”的陷阱深刻理解
Dec 04 Javascript
原生js获取宽高与jquery获取宽高的方法关系对比
Apr 04 Javascript
分享一个常用的javascript静态类
Dec 31 Javascript
jQuery中DOM树操作之使用反向插入方法实例分析
Jan 23 Javascript
jQuery插件jFade实现鼠标经过的图片高亮其它变暗
Mar 14 Javascript
包含中国城市的javascript对象实例
Aug 03 Javascript
js 倒计时(高效率服务器时间同步)
Sep 12 Javascript
angular2 NgModel模块的具体使用方法
Apr 10 Javascript
微信小程序 scroll-view 水平滚动实现过程解析
Oct 12 Javascript
vue v-model的用法解析
Oct 19 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
用Socket发送电子邮件
2006/10/09 PHP
PHP数据类型之整数类型、浮点数的介绍
2013/04/28 PHP
如何在PHP中使用正则表达式进行查找替换
2013/06/13 PHP
php分页代码学习示例分享
2014/02/20 PHP
laravel容器延迟加载以及auth扩展详解
2015/03/02 PHP
CL vs ForZe BO5 第三场 2.13
2021/03/10 DOTA
jquery选择checked在ie8普通模式下的问题
2014/02/12 Javascript
关于JavaScript命名空间的一些心得
2014/06/07 Javascript
javascript中的3种继承实现方法
2016/01/27 Javascript
JavaScript中各种引用类型的常用操作方法小结
2016/05/05 Javascript
Angularjs CURD 详解及实例代码
2016/09/14 Javascript
微信小程序 出现错误:{"baseresponse":{"errcode":-80002,"errmsg":""}}解决办法
2017/02/23 Javascript
详解Vue单元测试case写法
2018/05/24 Javascript
vue项目部署上线遇到的问题及解决方法
2018/06/10 Javascript
vue计算属性+vue中class与style绑定(推荐)
2020/03/30 Javascript
小程序实现简单语音聊天的示例代码
2020/07/24 Javascript
vue中element 的upload组件发送请求给后端操作
2020/09/07 Javascript
详解如何在vue+element-ui的项目中封装dialog组件
2020/12/11 Vue.js
[04:21]狐狸妈带你到现场 DOTA2 TI中国区预选赛线下赛路线指引
2014/05/22 DOTA
[02:20]DOTA2亚洲邀请赛 EHOME战队出场宣传片
2015/02/07 DOTA
[46:59]完美世界DOTA2联赛PWL S2 GXR vs Ink 第二场 11.19
2020/11/20 DOTA
Python代码的打包与发布详解
2014/07/30 Python
老生常谈Python基础之字符编码
2017/06/14 Python
Python cookbook(数据结构与算法)实现查找两个字典相同点的方法
2018/02/18 Python
对Python3 pyc 文件的使用详解
2019/02/16 Python
python中pygame安装过程(超级详细)
2019/08/04 Python
Anconda环境下Vscode安装Python的方法详解
2020/03/29 Python
Django中使用Json返回数据的实现方法
2020/06/03 Python
Python识别验证码的实现示例
2020/09/30 Python
StubHub巴西:购买和出售您的门票
2016/07/22 全球购物
美国精油公司:Plant Therapy
2019/05/17 全球购物
班队活动设计方案
2014/01/30 职场文书
2014年中学生检讨书大全
2014/10/09 职场文书
CSS3常见动画的实现方式
2021/04/14 HTML / CSS
Django集成富文本编辑器summernote的实现步骤
2021/05/31 Python
Github 使用python对copilot做些简单使用测试
2022/04/14 Python