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 相关文章推荐
表单提交验证类
Jul 14 Javascript
javascript检查日期格式的函数[比较全]
Oct 17 Javascript
jQuery DOM操作实例
Mar 05 Javascript
JS实现点击文字对应DIV层不停闪动效果的方法
Mar 02 Javascript
jQuery获取table行数并输出单元格内容的实现方法
Jun 30 Javascript
js实现兼容PC端和移动端滑块拖动选择数字效果
Feb 16 Javascript
vue项目中使用Svg的方法
Oct 24 Javascript
Vuerouter的beforeEach与afterEach钩子函数的区别
Dec 26 Javascript
适合前端Vue开发童鞋的跨平台Weex的使用详解
Oct 16 Javascript
Vue 设置axios请求格式为form-data的操作步骤
Oct 29 Javascript
JavaScript Tab菜单实现过程解析
May 13 Javascript
JavaScript实现下拉列表
Jan 20 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
ThinkPHP 表单自动验证运用示例
2014/10/13 PHP
php获取文件名后缀常用方法小结
2015/02/24 PHP
一个JS小玩意 几个属性相加不能超过一个特定值.
2009/09/29 Javascript
javascript 哈希表(hashtable)的简单实现
2010/01/20 Javascript
防止jQuery ajax Load使用缓存的方法小结
2014/02/22 Javascript
在JavaScript中处理数组之reverse()方法的使用
2015/06/09 Javascript
JavaScript String 对象常用方法详解
2016/05/13 Javascript
浅谈js构造函数的方法与原型prototype
2016/07/04 Javascript
轻松实现jQuery添加删除按钮Click事件
2017/03/13 Javascript
基于vue实现分页效果
2017/11/06 Javascript
r.js来合并压缩css文件的示例
2018/04/26 Javascript
微信小程序WebSocket实现聊天对话功能
2018/07/06 Javascript
Vue.js实现双向数据绑定方法(表单自动赋值、表单自动取值)
2018/08/27 Javascript
JavaScript简单实现动态改变HTML内容的方法示例
2018/12/25 Javascript
Vue中fragment.js使用方法小结
2020/02/17 Javascript
jQuery+ThinkPHP实现图片上传
2020/07/23 jQuery
Python中实现常量(Const)功能
2015/01/28 Python
Python多项式回归的实现方法
2019/03/11 Python
简单了解python的break、continue、pass
2019/07/08 Python
Keras 数据增强ImageDataGenerator多输入多输出实例
2020/07/03 Python
python 中关于pycharm选择运行环境的问题
2020/10/31 Python
美国最大的香水出口:FragranceX.com
2017/11/04 全球购物
Hotels.com泰国:酒店预订网站
2019/11/20 全球购物
Linux管理员面试题 Linux admin interview questions
2014/11/01 面试题
一套Delphi的笔试题二
2013/05/11 面试题
opencv实现图像平移效果
2021/03/24 Python
市场营销毕业生自荐信
2013/11/23 职场文书
幼儿园教师节活动方案
2014/02/02 职场文书
公司中层干部的自我评价分享
2014/03/01 职场文书
护林员个人总结
2015/03/04 职场文书
2015年学生管理工作总结
2015/05/26 职场文书
班委竞选稿范文
2015/11/21 职场文书
导游词之镜泊湖
2019/12/09 职场文书
Python爬虫之爬取最新更新的小说网站
2021/05/06 Python
SQL实现LeetCode(196.删除重复邮箱)
2021/08/07 MySQL
python编程项目中线上问题排查与解决
2021/11/01 Python