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检测函数
May 31 Javascript
Js组件的一些写法
Sep 10 Javascript
Jquery下attr和removeAttr的使用方法
Dec 28 Javascript
JQUERY 实现窗口滚动搜索框停靠效果(类似滚动停靠)
Mar 27 Javascript
js 模式窗口(模式对话框和非模式对话框)的使用介绍
Jul 17 Javascript
node.js中的fs.chownSync方法使用说明
Dec 16 Javascript
jQuery处理json数据返回数组和输出的方法
Mar 11 Javascript
JS检测页面中哪个HTML标签触发点击事件的方法
Jun 17 Javascript
浅谈ajax在jquery中的请求和servlet中的响应
Jan 22 jQuery
详解Vue Elememt-UI构建管理后台
Feb 27 Javascript
JS实现简单的星期格式转换功能示例
Jul 23 Javascript
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
《雄兵连》《烈阳天道》真的来了
2020/07/13 国漫
PHP的cURL库功能简介 抓取网页、POST数据及其他
2011/04/07 PHP
php中操作memcached缓存进行增删改查数据的实现代码
2014/08/15 PHP
TP5(thinkPHP5框架)基于bootstrap实现的单图上传插件用法示例
2019/05/29 PHP
PHP获取类私有属性的3种方法
2020/09/10 PHP
JQuery 学习笔记 选择器之四
2009/07/23 Javascript
在模板页面的js使用办法
2010/04/01 Javascript
写JQuery插件的基本知识
2013/11/25 Javascript
jquery UI Datepicker时间控件的使用方法(加强版)
2015/11/07 Javascript
九种原生js动画效果
2015/11/11 Javascript
深入理解jquery中的each用法
2016/12/14 Javascript
微信小程序开发(二)图片上传+服务端接收详解
2017/01/11 Javascript
浅谈js中startsWith 函数不能在任何浏览器兼容的问题
2017/03/01 Javascript
JavaScript箭头(arrow)函数详解
2017/06/04 Javascript
JavaScript判断浏览器和hack滚动条的写法
2017/07/23 Javascript
浅谈vue项目重构技术要点和总结
2018/01/23 Javascript
vue采用EventBus实现跨组件通信及注意事项小结
2018/06/14 Javascript
vue.js配合$.post从后台获取数据简单demo分享
2018/08/11 Javascript
小程序实现五星点评效果
2018/11/03 Javascript
node.js实现微信开发之获取用户授权
2019/03/18 Javascript
JS数组方法concat()用法实例分析
2020/01/18 Javascript
vue学习笔记之slot插槽用法实例分析
2020/02/29 Javascript
node.js 如何监视文件变化
2020/09/01 Javascript
用Python3创建httpServer的简单方法
2018/06/04 Python
Python实现注册、登录小程序功能
2018/09/21 Python
python os.listdir按文件存取时间顺序列出目录的实例
2018/10/21 Python
Flask框架学习笔记之表单基础介绍与表单提交方式
2019/08/12 Python
Django为窗体加上防机器人的验证码功能过程解析
2019/08/14 Python
python文件操作seek()偏移量,读取指正到指定位置操作
2020/07/05 Python
详解python方法之绑定方法与非绑定方法
2020/08/17 Python
美国知名的网上鞋类及相关服装零售商:Shoes.com
2017/05/06 全球购物
网络工程师专家职业发展路线
2014/02/14 职场文书
灰雀教学反思
2014/04/28 职场文书
就业协议书样本
2014/08/20 职场文书
我的中国梦主题班会
2015/08/14 职场文书
因个人工作失误检讨书
2019/06/21 职场文书