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

Javascript
javascript据option的value值快速设定初始的selected选项
document.open() 与 document.write()的区别
javascript实现轮显新闻标题链接
一段效率很高的for循环语句使用方法
使一个函数作为另外一个函数的参数来运行的javascript代码
javascript引用对象的方法代码
javascript下给元素添加事件的方法与代码
JS 页面内容搜索,类似于 Ctrl+F功能的实现代码
js 事件小结 表格区别
用js实现计算代码行数的简单方法附代码
收藏的js表单验证控制代码大全
提供一款很不错的万年历查询
用javascript实现计算两个日期的间隔天数
用javascript实现在小方框中浏览大图的代码
用js实现上传图片前的预览(TX的面试题)
用javascript实现li 列表数据隔行变换背景颜色
(currentStyle)javascript为何有时用style得不到已设定的CSS的属性
总结AJAX相关JS代码片段和浏览器模型
超强推荐的js编程中的简洁写法收集
javascript 函数式编程

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 137 ::
收藏到网摘: 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;
}
}