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 单引号 传递方法
Jun 22 Javascript
javascript 图片上一张下一张链接效果代码
Mar 12 Javascript
Javascript 网页黑白效果实现代码(兼容IE/FF等)
Apr 23 Javascript
CSS(js)限制页面显示的文本字符长度
Dec 27 Javascript
探索Javascript中this的奥秘
Dec 11 Javascript
JavaScrip关于创建常量的知识点
Dec 07 Javascript
JavaScript解决浮点数计算不准确问题的方法分析
Jul 09 Javascript
详解JavaScript实现动态的轮播图效果
Apr 29 Javascript
详解在vue-cli3.0中自定css、js和图片的打包路径
Aug 26 Javascript
layui动态绑定事件的方法
Sep 20 Javascript
js 解析 JSON 数据简单示例
Apr 21 Javascript
vue-cli 关闭热更新操作
Sep 18 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
中英文字符串翻转函数
2008/12/09 PHP
php实现从ftp服务器上下载文件树到本地电脑的程序
2009/02/10 PHP
关于UEditor编辑器远程图片上传失败的解决办法
2012/08/31 PHP
php生成excel列名超过26列大于Z时的解决方法
2014/12/29 PHP
PHP实现的进度条效果详解
2016/05/03 PHP
Javascript hasOwnProperty 方法 & in 关键字
2008/11/26 Javascript
javascript 图片上传预览-兼容标准
2009/06/01 Javascript
js 字符串操作函数
2009/07/25 Javascript
js类的静态属性和实例属性的理解
2009/10/01 Javascript
使用Js让Html中特殊字符不被转义
2013/11/05 Javascript
js漂浮广告实现代码
2015/08/15 Javascript
Bootstrap精简教程
2015/11/27 Javascript
jQuery中设置form表单中action值的实现方法
2016/05/25 Javascript
Angularjs---项目搭建图文教程
2016/07/08 Javascript
新手vue构建单页面应用实例代码
2017/09/18 Javascript
js时间戳与日期格式之间相互转换
2017/12/11 Javascript
jQuery获取所有父级元素及同级元素及子元素的方法(推荐)
2018/01/21 jQuery
vant IndexBar实现的城市列表的示例代码
2019/11/20 Javascript
vue+vant使用图片预览功能ImagePreview的问题解决
2020/04/10 Javascript
Map与WeakMap类型在JavaScript中的使用详解
2020/11/18 Javascript
微信小程序canvas实现签名功能
2021/01/19 Javascript
python操作列表的函数使用代码详解
2017/12/28 Python
python3爬虫之设计签名小程序
2018/06/19 Python
Python用于学习重要算法的模块pygorithm实例浅析
2018/08/16 Python
python买卖股票的最佳时机(基于贪心/蛮力算法)
2019/07/05 Python
基于MSELoss()与CrossEntropyLoss()的区别详解
2020/01/02 Python
露营世界:Camping World
2017/02/02 全球购物
文件中有一组整数,要求排序后输出到另一个文件中
2012/01/04 面试题
精彩的推荐信范文
2013/11/26 职场文书
致400米运动员广播稿
2014/02/07 职场文书
给老婆的检讨书
2015/01/27 职场文书
农民工工资保障承诺书
2015/05/04 职场文书
python中的plt.cm.Paired用法说明
2021/05/31 Python
代码解析React中setState同步和异步问题
2021/06/03 Javascript
vscode中使用npm安装babel的方法
2021/08/02 Javascript
聊聊redis-dump工具安装问题
2022/01/18 Redis