为自己的JS库 moogens 增加 facebox 组件

之前的JS慢慢积累下来慢慢也就自己完善了个,比之前的__init_xu 要减小的多,主要代码仅仅包括如下几个部分:

?

简单去除注释压缩后在 9K左右,基本都全了 呵呵,比如DOM操作

?

?

事件操作:

?

做了个简单UI开发设想... 名字暂定为 mgui,在global.js 中暂时就这些代码:

?
前几天在网上看到 facebox这个东西感觉不错,自己把它改写了下,呵呵 挺简单的 感觉:
?
?
计划是每个目录代表一个组件 ,每个组件的主文件叫做 component.js ,样式文件叫做 style.css 下面有个images文件夹放置图片....
例如 facebox的代码:
?
?
?
?
比如facebox的用法如下:
?
在IE和 firefox测试 没有问题,截图如下:
?
?
Ajax 因为 moogens 里面暂时没有实现 先搁置吧...
?
?
现在 支持 移动和渐变效果 呵呵,和原来的不一样,点击关闭并不是真的关闭,只是隐藏而已,要销毁.需要调用 destroy 方法 呵呵.....
?
还少一个功能 就是 模态 , 这个好实现 明天再来 , 回家了 饿了 大家 明天见了