当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JObj预览一个JS的框架

Javascript
javascript 多图浏览超炫效果
对采用动态原型方式无法展示继承机制得思考
JS 控制非法字符的输入代码
JSON 编辑器实现代码
jquery select操作的日期联动实现代码
select列表内容交换的js实现代码
javascript Demo模态窗口
JavaScript 加号(+)运算符号
javascript 动态生成私有变量访问器
javascript 模拟JQuery的Ready方法实现并出现的问题
jquery ready函数源代码研究
ASP Json Parser修正版
js select多选列表传值代码
JavaScript 对象模型 执行模型
js 操作select相关方法函数
IE和firefox浏览器的event事件兼容性汇总
js event事件的传递与冒泡处理
兼容IE,firefox的获取节点的文本值的javascript代码
IE7中javascript操作CheckBox的checked=true不打勾的解决方法
javascript Array.sort() 跨浏览器下需要考虑的问题

Javascript 中的 JObj预览一个JS的框架


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 262 ::
收藏到网摘: n/a

我说过,我要写一个JS的框架,我知道有人会从心底BS我,但是:你继续BS吧!我还是要写我的JOBJ。 我的时间不多,大部分是在工作之余写的。
复制代码 代码如下:

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;
}
}