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 相关文章推荐
利用js判断浏览器类型(是否为IE,Firefox,Opera浏览器)
Nov 22 Javascript
JS比较两个时间大小的简单示例代码
Dec 20 Javascript
使用Node.js为其他程序编写扩展的基本方法
Jun 23 Javascript
JS随机调用指定函数的方法
Jul 01 Javascript
深入理解$.each和$(selector).each
May 15 Javascript
AngularJS解决ng界面长表达式(ui-set)的方法分析
Nov 07 Javascript
原生JS获取元素集合的子元素宽度实例
Dec 14 Javascript
JavaScript实现类似淘宝的购物车效果
Mar 16 Javascript
Angular4 中常用的指令入门总结
Jun 12 Javascript
原生JS实现的碰撞检测功能示例
May 18 Javascript
详解Vue 动态组件与全局事件绑定总结
Nov 11 Javascript
Vue.js获取手机系统型号、版本、浏览器类型的示例代码
May 10 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
全国FM电台频率大全 - 3 河北省
2020/03/11 无线电
PHP array_push 数组函数
2009/12/26 PHP
ThinkPHP模板Switch标签用法示例
2014/06/30 PHP
php类的定义与继承用法实例
2015/07/07 PHP
PHP编程求最大公约数与最小公倍数的方法示例
2017/05/29 PHP
Yii2中简单的场景使用介绍
2017/06/02 PHP
php微信公众号开发之二级菜单
2018/10/20 PHP
脚本收藏iframe
2006/07/21 Javascript
关于setInterval、setTimeout在jQuery中的使用注意事项
2011/09/28 Javascript
javascript中with()方法的语法格式及使用
2014/08/04 Javascript
浅谈JavaScript 浏览器对象
2016/06/03 Javascript
js表单元素checked、radio被选中的几种方法(详解)
2016/08/22 Javascript
javaScript实现滚动条事件详解
2020/03/24 Javascript
Vue使用json-server进行后端数据模拟功能
2018/04/17 Javascript
如何能分清npm cnpm npx nvm
2019/01/17 Javascript
微信小程序 自定义复选框实现代码实例
2019/09/04 Javascript
Vue页面跳转传递参数及接收方式
2020/09/09 Javascript
[26:24]完美副总裁、DOTA2负责人蔡玮专访:电竞如人生
2014/09/11 DOTA
[03:27]最受玩家喜爱奖提名:PZH_Element 致玩家寄语
2016/12/20 DOTA
Python实现视频下载功能
2017/03/14 Python
Python实现PS滤镜Fish lens图像扭曲效果示例
2018/01/29 Python
浅谈解除装饰器作用(python3新增)
2018/10/15 Python
Python的UTC时间转换讲解
2019/02/26 Python
Python中 CSV格式清洗与转换的实例代码
2019/08/29 Python
Python读取分割压缩TXT文本文件实例
2020/02/14 Python
通过实例简单了解python yield使用方法
2020/08/06 Python
Python内置函数及功能简介汇总
2020/10/13 Python
从零实现一个自定义html5播放器的示例代码
2017/08/01 HTML / CSS
英国体育器材进口商店:UK Sport Imports
2017/03/14 全球购物
Cecil Mode法国在线商店:女性时尚
2021/01/08 全球购物
电子工程专业毕业生求职信
2014/03/14 职场文书
小学生2014国庆节演讲稿:祖国在我心中
2014/09/21 职场文书
2014年督导工作总结
2014/11/19 职场文书
入党积极分子个人总结
2015/03/02 职场文书
2015年学校食堂工作总结
2015/04/22 职场文书
Python Django搭建文件下载服务器的实现
2021/05/10 Python