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

Javascript
js 创建一个浮动div的代码
javascript下利用数组缓存正则表达式的实现方法
javascript 最常用的10个自定义函数[推荐]
jQuery 常见开发使用技巧总结
十分钟打造AutoComplete自动完成效果代码
JavaScript 入门基础知识 想学习js的朋友可以参考下
javascript 清空form表单中某种元素的值
javascript 格式化时间日期函数代码脚本之家修正版
javascript dom操作之cloneNode文本节点克隆使用技巧
jQuery 动态酷效果实现总结
jQuery中的常用事件总结
用Jquery实现可编辑表格并用AJAX提交到服务器修改数据
javascript+css 网页每次加载不同样式的实现方法
向大师们学习Javascript(视频与PPT)
js 实现无干扰阴影效果 简单好用(附文件下载)
JavaScript 拾漏补遗
IE6 弹出Iframe层中的文本框“经常”无法获得输入焦点
jQuery的强大选择器小结
jquery $(document).ready() 与window.onload的区别
javascript 动态调整图片尺寸实现代码

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


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