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中null与undefined分析
Jul 25 Javascript
JavaScript DOM学习第八章 表单错误提示
Feb 19 Javascript
jquery移动listbox的值原理及代码
May 03 Javascript
使用jquery动态加载js文件的方法
Dec 24 Javascript
jquery插件validation实现验证身份证号等
Jun 04 Javascript
在JavaScript中使用对数Math.log()方法的教程
Jun 15 Javascript
论JavaScript模块化编程
Mar 07 Javascript
javascript阻止事件冒泡和浏览器的默认行为
Jan 21 Javascript
JavaScript中最常用的10种代码简写技巧总结
Jun 28 Javascript
微信小程序 动画的简单实例
Oct 12 Javascript
vue项目中mock.js的使用及基本用法
May 22 Javascript
vue下拉刷新组件的开发及slot的使用详解
Dec 23 Vue.js
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中 ob_start等函数截取标准输出的方法
2015/06/22 PHP
Mootools 1.2教程 滑动效果(Slide)
2009/09/15 Javascript
google jQuery 引用文件,jQuery 引用地址集合(jquery 1.2.6至jquery1.5.2)
2011/04/24 Javascript
jQuery getJSON()+.ashx 实现分页(改进版)
2013/03/28 Javascript
js禁止页面刷新禁止用F5键刷新禁止右键的示例代码
2013/09/23 Javascript
自编jQuery插件实现模拟alert和confirm
2014/09/01 Javascript
Javascript实现计算个人所得税
2015/05/10 Javascript
jquery带动画效果幻灯片特效代码
2015/08/27 Javascript
jQuery查看选中对象HTML代码的方法
2016/06/17 Javascript
AngularJS 过滤与排序详解及实例代码
2016/09/14 Javascript
浅谈js函数中的实例对象、类对象、局部变量(局部函数)
2016/11/20 Javascript
vue.js实现表格合并示例代码
2016/11/30 Javascript
详解VueJS 数据驱动和依赖追踪分析
2017/07/26 Javascript
详解wow.js中各种特效对应的类名
2017/09/13 Javascript
vue2.0+vue-dplayer实现hls播放的示例
2018/03/02 Javascript
vue 监听某个div垂直滚动条下拉到底部的方法
2018/09/15 Javascript
vue项目打包之后背景样式丢失的解决方案
2019/01/17 Javascript
jQuery实现适用于移动端的跑马灯抽奖特效示例
2019/01/18 jQuery
[04:44]DOTA2西游记战队视频彩蛋流出 师徒开黑巧遇林书豪
2016/08/03 DOTA
Python中的各种装饰器详解
2015/04/11 Python
在Python 3中实现类型检查器的简单方法
2015/07/03 Python
python 实时遍历日志文件
2016/04/12 Python
Python基于list的append和pop方法实现堆栈与队列功能示例
2017/07/24 Python
tensorflow 1.0用CNN进行图像分类
2018/04/15 Python
PyCharm代码整体缩进,反向缩进的方法
2018/06/25 Python
python之当你发现QTimer不能用时的解决方法
2019/06/21 Python
pycharm解决关闭flask后依旧可以访问服务的问题
2020/04/03 Python
python输出结果刷新及进度条的实现操作
2020/07/13 Python
英国著名的药妆网站:Escentual
2016/07/29 全球购物
经典c++面试题二
2015/08/14 面试题
一套Delphi的笔试题一
2016/02/14 面试题
房地产推广策划方案
2014/05/19 职场文书
社区重阳节活动总结
2015/03/24 职场文书
家长意见和建议怎么写
2015/06/04 职场文书
在人间读书笔记
2015/06/30 职场文书
tomcat下部署jenkins的方法
2022/05/06 Servers