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 相关文章推荐
关于hashchangebroker和statehashable的补充文档
Aug 08 Javascript
JQuery制作的放大效果的popup对话框(未添加任何jquery plugin)分享
Apr 28 Javascript
JS返回上一页实例代码通过图片和按钮分别实现
Aug 16 Javascript
JavaScript实现防止网页被嵌入Frame框架的代码分享
Dec 29 Javascript
js简单工厂模式用法实例
Jun 30 Javascript
基于javascript实现精确到毫秒的倒计时限时抢购
Apr 17 Javascript
JQuery解析XML数据的几个简单实例
May 18 Javascript
node操作mysql数据库实例详解
Mar 17 Javascript
Vue中render函数的使用方法
Jan 31 Javascript
关于微信小程序bug记录与解决方法
Aug 15 Javascript
Vue 实现从文件中获取文本信息的方法详解
Oct 16 Javascript
JS实现audio音频剪裁剪切复制播放与上传(步骤详解)
Jul 28 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
JoshChen_web格式编码UTF8-无BOM的小细节分析
2013/08/16 PHP
Discuz!X中SESSION机制实例详解
2015/09/23 PHP
PHP+MySQL统计该库中每个表的记录数并按递减顺序排列的方法
2016/02/15 PHP
防止动态加载JavaScript引起的内存泄漏问题
2009/10/08 Javascript
JQuery中html()方法使用不当带来的陷阱
2011/04/07 Javascript
15条JavaScript最佳实践小结
2013/08/09 Javascript
JavaScript打印iframe内容示例代码
2013/08/20 Javascript
jquery实现倒计时代码分享
2014/06/13 Javascript
jQuery弹出框代码封装DialogHelper
2015/01/30 Javascript
Es6 写的文件import 起来解决方案详解
2016/12/13 Javascript
nodejs实现发出蜂鸣声音(系统报警声)的方法
2017/01/18 NodeJs
Vue的MVVM实现方法
2017/08/16 Javascript
使用javaScript实现鼠标拖拽事件
2020/04/03 Javascript
jQuery 防止相同的事件快速重复触发方法
2018/02/08 jQuery
小程序实现上传视频功能
2020/08/18 Javascript
python下paramiko模块实现ssh连接登录Linux服务器
2015/06/03 Python
python实现超市商品销售管理系统
2019/11/22 Python
pycharm实现在虚拟环境中引入别人的项目
2020/03/09 Python
tensorflow实现残差网络方式(mnist数据集)
2020/05/26 Python
Python实现清理微信僵尸粉功能示例【基于itchat模块】
2020/05/29 Python
AmazeUI 导航条的实现示例
2020/08/14 HTML / CSS
Dr. Martens马汀博士官网:马丁靴始祖品牌
2016/10/15 全球购物
墨尔本照明批发商店:Mica Lighting
2017/12/28 全球购物
澳大利亚天然护肤品、化妆品和健康产品一站式商店:Nourished Life
2018/12/02 全球购物
企划经理的岗位职责
2013/11/17 职场文书
运动会解说词50字
2014/01/18 职场文书
保安部任务及岗位职责
2014/02/25 职场文书
乔丹名人堂演讲稿
2014/05/24 职场文书
珠宝的促销活动方案
2014/08/31 职场文书
购房委托书
2014/10/15 职场文书
党员个人年度总结
2015/02/14 职场文书
2015秋季开学典礼新闻稿
2015/07/17 职场文书
公司晚会主持词
2019/04/17 职场文书
日本读研:怎样写好一篇日本研究计划书?
2019/07/15 职场文书
导游词之临安白水涧
2019/11/05 职场文书
图文详解nginx日志切割的实现
2022/01/18 Servers