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 相关文章推荐
一个基于jQuery的树型插件(OrangeTree)使用介绍
May 03 Javascript
Javascript事件实例详解
Nov 06 Javascript
在JS中如何调用JSP中的变量
Jan 22 Javascript
javascript与css3动画结合使用小结
Mar 11 Javascript
用JavaScript实现PHP的urlencode与urldecode函数
Aug 13 Javascript
Javascript实现快速排序(Quicksort)的算法详解
Sep 06 Javascript
jQuery mobile转换url地址及获取url中目录部分的方法
Dec 04 Javascript
jQuery Validate 相关参数及常用的自定义验证规则
Mar 06 Javascript
浅析JS中常用类型转换及运算符表达式
Jul 23 Javascript
AngularJS监听ng-repeat渲染完成的方法
Mar 20 Javascript
vuejs点击class变化的实例
Sep 05 Javascript
微信小程序在线客服自动回复功能(基于node)
Jul 03 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
动漫女神老婆无限好,但日本女生可能就不是这么一回事了!
2020/03/04 日漫
PHP制作图型计数器的例子
2006/10/09 PHP
php连接数据库代码应用分析
2011/05/29 PHP
PHP应用JSON技巧讲解
2013/02/03 PHP
PHP判断FORM表单或URL参数来的数据是否为整数的方法
2016/03/25 PHP
利用PHP判断文件是否为图片的方法总结
2017/01/06 PHP
PHP使用SMTP邮件服务器发送邮件示例
2018/08/28 PHP
PHP实现的策略模式示例
2019/03/20 PHP
laravel5.1 ajax post 传值_token示例
2019/10/24 PHP
Jquery 最近浏览过的商品的功能实现代码
2010/05/14 Javascript
jquery 新浪网易的评论块制作
2010/07/01 Javascript
JavaScript编写推箱子游戏
2015/07/07 Javascript
D3.js实现折线图的方法详解
2016/09/21 Javascript
用js实现每隔一秒刷新时间的实例(含年月日时分秒)
2017/10/25 Javascript
Angular实现的内置过滤器orderBy排序与模糊查询功能示例
2017/12/29 Javascript
webpack多入口文件页面打包配置详解
2018/01/09 Javascript
react使用CSS实现react动画功能示例
2020/05/18 Javascript
vue中父子组件的参数传递和应用示例
2021/01/04 Vue.js
[35:34]Liquid vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python中使用OpenCV库来进行简单的气象学遥感影像计算
2016/02/19 Python
Pandas读取并修改excel的示例代码
2019/02/17 Python
python多继承(钻石继承)问题和解决方法简单示例
2019/10/21 Python
Python基于template实现字符串替换
2020/11/27 Python
非常漂亮的CSS3百叶窗焦点图动画
2016/02/24 HTML / CSS
CSS3 边框效果
2019/11/04 HTML / CSS
实例讲解使用SVG制作loading加载动画的方法
2016/04/05 HTML / CSS
耐克巴西官方网站:Nike巴西
2016/08/14 全球购物
七年级英语教学反思
2014/01/15 职场文书
小学教师师德感言
2014/02/10 职场文书
创先争优活动党员公开承诺书
2014/08/29 职场文书
优秀少先队辅导员事迹材料
2014/12/24 职场文书
体育活动总结
2015/02/04 职场文书
2016创先争优活动党员公开承诺书
2016/03/24 职场文书
表扬信范文
2019/04/22 职场文书
MySQL InnoDB ReplicaSet(副本集)简单介绍
2021/04/24 MySQL
apache虚拟主机配置的三种方式(小结)
2022/07/23 Servers