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 页面只自动刷新一次
Jul 10 Javascript
jQuery-serialize()输出序列化form表单值的方法
Dec 26 Javascript
jQuery实现当按下回车键时绑定点击事件
Jan 28 Javascript
JsRender for index循环索引用法详解
Oct 31 Javascript
javascript将url中的参数加密解密代码
Nov 17 Javascript
jQuery往返城市和日期查询实例讲解
Oct 09 Javascript
使用JS读取XML文件的方法
Nov 25 Javascript
JS正则表达式修饰符global(/g)用法分析
Dec 27 Javascript
详解vue2.0 资源文件assets和static的区别
Nov 27 Javascript
vue项目打包后怎样优雅的解决跨域
May 26 Javascript
JS/jQuery实现超简单的Table表格添加,删除行功能示例
Jul 31 jQuery
JS原形与原型链深入详解
May 09 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与MySQL交互使用详解
2006/10/09 PHP
php中设置多级目录session的问题
2011/08/08 PHP
phpmail类发送邮件函数代码
2012/02/20 PHP
php实现汉字验证码和算式验证码的方法
2015/03/07 PHP
PHP各种常见经典算法总结【排序、查找、翻转等】
2019/08/05 PHP
jquery animate实现鼠标放上去显示离开隐藏效果
2013/07/21 Javascript
一个仿微博登陆邮箱提示框js开发案例
2016/07/28 Javascript
JS实现针对给定时间的倒计时功能示例
2017/04/11 Javascript
前端主流框架vue学习笔记第二篇
2017/07/26 Javascript
深入浅出es6模板字符串
2017/08/26 Javascript
vue的一个分页组件的示例代码
2017/12/25 Javascript
Nuxt.js实现校验访问浏览器类型的中间件
2018/08/24 Javascript
前后端如何实现登录token拦截校验详解
2018/09/03 Javascript
Vue起步(无cli)的啊教程详解
2019/04/11 Javascript
详解Django缓存处理中Vary头部的使用
2015/07/24 Python
Python彩色化Linux的命令行终端界面的代码实例分享
2016/07/02 Python
Python中关键字nonlocal和global的声明与解析
2017/03/12 Python
python学生管理系统代码实现
2020/04/05 Python
Python3实现转换Image图片格式
2018/06/21 Python
Python中is和==的区别详解
2018/11/15 Python
Python3实现的简单工资管理系统示例
2019/03/12 Python
详解Python:面向对象编程
2019/04/10 Python
python、PyTorch图像读取与numpy转换实例
2020/01/13 Python
用python监控服务器的cpu,磁盘空间,内存,超过邮件报警
2021/01/29 Python
澳大利亚家具商店:Freedom
2020/12/17 全球购物
租房合同协议书
2014/04/09 职场文书
班级学习雷锋活动总结
2014/07/04 职场文书
人民调解协议书范本
2014/10/11 职场文书
地方白酒代理协议书
2014/10/25 职场文书
学生上课迟到检讨书
2015/01/01 职场文书
2015高三毕业寄语赠言
2015/02/27 职场文书
追悼会家属答谢词
2015/09/29 职场文书
中学教代会开幕词
2016/03/04 职场文书
详解Python为什么不用设计模式
2021/06/24 Python
Canvas绘制像素风图片的示例代码
2021/09/25 HTML / CSS
一篇文章看懂MySQL主从复制与读写分离
2021/11/07 MySQL