【JavaScript 封装库】BETA 3.0 测试版发布！

              1
            /*
              2
                源码作者: 石不易(Louis Shi)

              3
                联系方式: http://www.shibuyi.net

              4
                ===================================================================================================

              5
                程序名称: JavaScript 封装库 BETA 3.0 版

              6
                迭代版本: BETA 2.0

              7
                插件总数: 8 个

              8
                库方法数: 20 个

              9
                功能总数: 48 个

             10
                新增总数: 7 个

             11
                删除总数: 0 个

             12
                追加功能: 

             13
                    1. 新增“插件库”支持, 可自由扩展网页特效插件

             14
                    2. 新增“元素节点选择器”, 元素节点操纵简便性大大提升, 可读性加强

             15
                    3. 新增“HTML DOM 加载”, 节省外部文件加载耗时

             16
                    4. 库方法: 新增“CSS 处理”, 分离调用代码可读性加强

             17
                    5. 库方法: 新增“class 处理”, 分离调用代码可读性加强

             18
                    ...

             19
                优化功能: 

             20
                    1. 优化节点定位并删除了 name 方式定位, 遵循 W3C 原则

             21
                    2. 优化节点事件绑定, 集中至“nodeEvent”方法同一调用, 可读性、扩展性、维护性大大加强

             22
                    3. 库方法: 优化“清除空白节点”, 采用倒序遍历, 删除更加彻底简便

             23
                    4. 库方法: 优化“清除注释节点”, 采用倒序遍历, 删除更加彻底简便

             24
                    ....

             25
                删除功能: 

             26
                    无

             27
            */
             28
             29
            //
             实例化基础库
             30 $ = function () {
 31return arguments.length == 0 ? new Base() : new Base(arguments);
 32};
 33 34// 基础库构造方法 35var Base = function (nodes) {
 36this.info = ‘无节点‘;
 37this.elements = [];
 38if (typeof nodes == ‘object‘) {
 39var elements = [], node = null;
 40for (var i = 0; i < nodes.length; i ++) {
 41             node = nodes[i];
 42if (typeof node == ‘string‘) { // 元素节点选择器 43// 全局或局部 44if (this.elements.length == 0) this.elements.push(document);
 45var patternSpace = /[\s\t　]+/;
 46if (patternSpace.test(node)) { // 多层 47                     node = node.split(patternSpace);
 48for (var j = 0; j < node.length; j ++) {
 49if (j == (node.length - 1)) {
 50                             elements.push(this.selector(node[j]).getNodes());
 51                         } else {
 52this.selector(node[j]);
 53                        }
 54                    }
 55                 } else { // 单层 56                     elements.push(this.selector(node).getNodes());
 57                }
 58this.elements = [];
 59             } elseif (typeof node == ‘object‘ && (node == window || typeof node.nodeType != ‘undefined‘)) { // 节点对象 60this.elements.push(node);
 61             } elseif (typeof node == ‘function‘) { // HTML DOM 加载 62this.htmlLoaded(node);
 63            }
 64        }
 65if (typeof elements != ‘undefined‘) {
 66for (var k = 0; k < elements.length; k ++) {
 67if (elements[k] instanceof Array) { // 集群 68for (var l = 0; l < elements[k].length; l ++) {
 69if (elements[k][l] != this.info) this.elements.push(elements[k][l]);
 70                    }
 71                 } else { // 单一 72if (elements[k] != this.info) this.elements.push(elements[k]);
 73                }
 74            }
 75        }
 76    }
 77};
 78 79// 获取采集的所有节点 80 Base.prototype.getNodes = function () {
 81if (this.elements.length == 0) returnthis.info;
 82if (this.elements.length == 1) returnthis.firstNode();
 83returnthis.elements;
 84};
 85 86// 获取采集的首位节点 87 Base.prototype.firstNode = function () {
 88if (this.elements.length == 0) returnthis.info;
 89returnthis.elements[0];
 90};
 91 92// 获取采集的末尾节点 93 Base.prototype.lastNode = function () {
 94if (this.elements.length == 0) returnthis.info;
 95returnthis.elements[this.elements.length - 1];
 96};
 97 98// 获取 id 元素节点 99 Base.prototype.getId = function (ids, positioner) {
100if (ids instanceof Array) { // 集群101for (var i = 0; i < ids.length; i ++) {
102this.getId(ids[i], positioner);
103        }
104     } else { // 单一105var selector = null, node = null;
106if (typeof positioner != ‘undefined‘) { // 局部107if (typeof positioner == ‘object‘ && typeof positioner.nodeType != ‘undefined‘) {
108                 selector = positioner;
109             } else {
110if (!(selector = Base.positioner(positioner))) returnthis;
111            }
112         } else { // 全局113             selector = document;
114        }
115if (selector instanceof Array) { // 集群116for (var j = 0; j < selector.length; j ++) {
117                 node = selector[j].getElementsByTagName(‘*‘);
118for (var k = 0; k < node.length; k ++) {
119if (node[k].id == ids) {
120for (var i = 0; i < this.elements.length; i ++) {
121if (this.elements[i] == node[k]) returnthis;
122                        }
123this.elements.push(node[k]);
124                    }
125                }
126            }
127         } else { // 单一128// 容错处理129if (typeof selector.getElementById != ‘undefined‘) {
130                 node = selector.getElementById(ids);
131if (node === null) returnthis;
132for (var i = 0; i < this.elements.length; i ++) {
133if (this.elements[i] == node) returnthis;
134                }
135this.elements.push(node);
136             } else {
137                 node = selector.getElementsByTagName(‘*‘);
138for (var j = 0; j < node.length; j ++) {
139if (node[j].id == ids) {
140for (var i = 0; i < this.elements.length; i ++) {
141if (this.elements[i] == node[j]) returnthis;
142                        }
143this.elements.push(node[j]);
144                    }
145                }
146            }
147        }
148    }
149returnthis;
150};
151152// 获取 tagName 元素节点153 Base.prototype.getTagName = function (tagName, positioner) {
154var selector = null, nodes = [];
155if (typeof positioner != ‘undefined‘) { // 局部156if (typeof positioner == ‘object‘ && typeof positioner.nodeType != ‘undefined‘) {
157             selector = positioner;
158         } else { 
159if (!(selector = Base.positioner(positioner))) returnthis;
160        }
161     } else { // 全局162         selector  = document;
163    }
164if (selector instanceof Array) { // 集群165for (var j = 0; j < selector.length; j ++) {
166             nodes = selector[j].getElementsByTagName(tagName);
167for (var i = 0; i < nodes.length; i ++) {
168this.elements.push(nodes[i]);
169            }
170        }
171     } else { // 单一172         nodes = selector.getElementsByTagName(tagName);
173for (var i = 0; i < nodes.length; i ++) {
174this.elements.push(nodes[i]);
175        }
176    }
177returnthis;
178};
179180// 获取 class 元素节点181 Base.prototype.getClass = function (className, positioner) {
182var selector = null, nodes = [];
183if (typeof positioner != ‘undefined‘) { // 局部184if (typeof positioner == ‘object‘ && typeof positioner.nodeType != ‘undefined‘) {
185             selector = positioner;
186         } else {
187if (!(selector = Base.positioner(positioner))) returnthis;
188        }
189     } else {// 全局190         selector = document;
191    }
192if (selector instanceof Array) { // 集群193for (var j = 0; j < selector.length; j ++) {
194             nodes = selector[j].getElementsByTagName(‘*‘);
195for (var i = 0; i < nodes.length; i ++) {
196if (Base.hasClass(className, nodes[i])) this.elements.push(nodes[i]);
197            }
198        }
199     } else { // 单一200         nodes = selector.getElementsByTagName(‘*‘);
201for (var i = 0; i < nodes.length; i ++) {
202if (Base.hasClass(className, nodes[i])) this.elements.push(nodes[i]);
203        }
204    }
205returnthis;
206};
207208// 获取 name 元素节点209 Base.prototype.getName = function (name, positioner) {
210var selector = null, nodes = [];
211if (typeof positioner != ‘undefined‘) { // 局部212if (typeof positioner == ‘object‘ && typeof positioner.nodeType != ‘undefined‘) {
213             selector = positioner;
214         } else {
215if (!(selector = Base.positioner(positioner))) returnthis;
216        }
217     } else { // 全局218         selector = document;
219    }
220if (selector instanceof Array) { // 集群221for (var j = 0; j < selector.length; j ++) {
222             nodes = selector[j].getElementsByTagName(‘*‘);
223for (var i = 0; i < nodes.length; i ++) {
224if (nodes[i].name == name) this.elements.push(nodes[i]);
225            }
226        }
227     } else { // 单一228// 容错处理229         nodes = typeof selector.getElementsByName != ‘undefined‘ ? selector.getElementsByName(name) : selector.getElementsByTagName(‘*‘);
230for (var i = 0; i < nodes.length; i ++) {
231if (nodes[i].name == name) this.elements.push(nodes[i]);
232        }
233    }
234returnthis;
235};
236237// 元素节点选择器238 Base.prototype.selector = function (node) {
239if (typeof node == ‘string‘) {
240var nodes = [], elements = [];
241var patternId = /([a-z]+)#([\w\-]+)/i;
242var patternClass = /([a-z]+)\.([\w\-]+)/i;
243var tagName = ‘‘, id = ‘‘, className = ‘‘;
244for (var i = 0; i < this.elements.length; i ++) {
245switch (node.charAt(0)) {
246case ‘#‘ : // id 247if ((nodes = $().getId(node.substring(1, node.length), this.elements[i]).getNodes()) != this.info) {
248                        elements.push(nodes);
249                    }
250break;
251case ‘.‘ : // class252if ((nodes = $().getClass(node.substring(1, node.length), this.elements[i]).getNodes()) != this.info) {
253if (nodes instanceof Array) { // 集群254for (var j = 0; j < nodes.length; j ++) {
255                                elements.push(nodes[j]);
256                            }
257                         } else { // 单一258                            elements.push(nodes);
259                        }
260                    }
261break;
262default : 
263if (patternId.test(node)) { // tagName + id264                         tagName = patternId.exec(node)[1];
265                         id = patternId.exec(node)[2];
266if ((nodes = $().getTagName(tagName, this.elements[i]).getNodes()) != this.info) {
267if (nodes instanceof Array) { // 集群268for (var j = 0; j < nodes.length; j ++) {
269if (nodes[j].id == id) elements.push(nodes[j]);
270                                }
271                             } else { // 单一272if (nodes.id == id) elements.push(nodes);
273                            }
274                        }
275                     } elseif (patternClass.test(node)) { // tagName + class276                         tagName = patternClass.exec(node)[1];
277                         className = patternClass.exec(node)[2];
278if ((nodes = $().getTagName(tagName, this.elements[i]).getNodes()) != this.info) {
279if (nodes instanceof Array) { // 集群280for (var j = 0; j < nodes.length; j ++) {
281if (Base.hasClass(className, nodes[j])) elements.push(nodes[j]);
282                                }
283                             } else { // 单一284if (Base.hasClass(className, nodes)) elements.push(nodes);
285                            }
286                        }
287                     } else { // tagName288if ((nodes = $().getTagName(node, this.elements[i]).getNodes()) != this.info) {
289if (nodes instanceof Array) { // 集群290for (var j = 0; j < nodes.length; j ++) {
291                                    elements.push(nodes[j]);
292                                }
293                             } else { // 单一294                                elements.push(nodes);
295                            }
296                        }
297                    }
298            }
299        }
300this.elements = elements;
301    }
302returnthis;
303};
304305// 获取与设置元素内容306 Base.prototype.html = function (text) {
307var html = [];
308for (var i = 0; i < this.elements.length; i ++) {
309if (typeof text != ‘undefined‘) { // 设置310this.elements[i].innerHTML = text;
311         } else { // 获取312             html.push(this.elements[i].innerHTML);
313        }
314    }
315switch (html.length) {
316case 0 :
317returnthis;
318break;
319case 1 :
320return html[0];
321break;
322default : 
323return html;
324    }
325};
326327// 获取与设置表单元素内容328 Base.prototype.value = function (text) {
329var value = [];
330for (var i = 0; i < this.elements.length; i ++) {
331if (typeof text != ‘undefined‘) { // 设置332if (typeofthis.elements[i].value != ‘undefined‘) this.elements[i].value = text;
333         } else { // 获取334if (typeofthis.elements[i].value != ‘undefined‘) value.push(this.elements[i].value);
335        }
336    }
337switch (value.length) {
338case 0 :
339returnthis;
340break;
341case 1 : 
342return value[0];
343break;
344default : 
345return value;
346    }
347};
348349// 获取与设置 CSS350 Base.prototype.css = function (cssKey, cssValue) {
351if (typeof cssValue != ‘undefined‘ || cssKey instanceof Array) { // 设置352if (cssKey instanceof Array) { // 集群353var patternStyle = /^([a-z]+)[\s\t　]*=[\s\t　]*([\w\(=,\s\.#\/\\\‘\"\-\)]+)$/i;
354var key = ‘‘, value = ‘‘;
355for (var i = 0; i < cssKey.length; i ++) {
356if (patternStyle.test(cssKey[i])) {
357                     key = patternStyle.exec(cssKey[i])[1];
358                     value = patternStyle.exec(cssKey[i])[2];
359this.css(key, value);
360                }
361            }
362         } else { // 单一363for (var i = 0; i < this.elements.length; i ++) {
364if (typeofthis.elements[i].style[cssKey] != ‘undefined‘) {
365this.elements[i].style[cssKey] = cssValue;
366                }
367            }
368        }
369     } else { // 获取370var css = [], style = ‘‘;
371for (var i = 0; i < this.elements.length; i ++) {
372if (typeof (style = Tool.getStyle(cssKey, this.elements[i])) != ‘undefined‘) css.push(style);
373        }
374switch (css.length) {
375case 0 : 
376returnthis;
377break;
378case 1 : 
379return css[0];
380break;
381default : 
382return css;
383break;
384        }
385    }
386returnthis;
387};
388389// 添加 class 选择器390 Base.prototype.addClass = function (className) {
391if (className instanceof Array) { // 集群392for (var i = 0; i < className.length; i ++) {
393this.addClass(className[i]);
394        }
395     } else { // 单一396var space = ‘‘;
397for (var i = 0; i < this.elements.length; i ++) {
398             space = this.elements[i].className != ‘‘ ? ‘ ‘ : space;
399if (!Base.hasClass(className, this.elements[i])) this.elements[i].className += space + className;
400        }
401    }
402returnthis;
403};
404405// 移除 class 选择器406 Base.prototype.removeClass = function (className) {
407if (className instanceof Array) { // 集群408for (var i = 0; i < className.length; i ++) {
409this.removeClass(className[i]);
410        }
411     } else { // 单一412var node = null;
413for (var i = 0; i < this.elements.length; i ++) {
414             node = this.elements[i];
415if (Base.hasClass(className, node)) {
416                 node.className = node.className.replace(new RegExp(‘(^|\\s+)‘ + className + ‘(\\s+|$)‘), ‘ ‘);
417                 node.className = Base.trim(node.className);
418            }
419        }
420    }
421returnthis;
422};
423424// 添加样式规则425 Base.prototype.addRule = function (ruleName, ruleText, rulePosition, sheetIndex) {
426if (ruleName instanceof Array) { // 集群427if (!(ruleText instanceof Array) || ruleName.length != ruleText.length) returnthis;
428for (var i = 0; i < ruleName.length; i ++) {
429if (ruleName[i] && ruleText[i]) this.addRule(ruleName[i], ruleText[i], rulePosition, sheetIndex);
430        }
431     } else { // 单一432var rule = Base.checkRule(rulePosition, sheetIndex);
433if (typeof rule.sheet != ‘undefined‘) {
434var nameTotal = Tool.ruleNameTotal(rule.sheet);
435for (var i = 0; i < nameTotal.length; i ++) {
436if (nameTotal[i] == ruleName) returnthis;
437            }
438            Tool.addRule(rule.sheet, ruleName, ruleText, rule.position);
439        }
440    }
441returnthis;
442};
443444// 移除样式规则445 Base.prototype.removeRule = function (rulePosition, ruleNumber, sheetIndex) {
446var rule = Base.checkRule(rulePosition, sheetIndex, ruleNumber);
447if (typeof rule.sheet != ‘undefined‘) {
448for (var i = 0; i < rule.number; i ++) {
449            Tool.removeRule(rule.sheet, rule.position);
450        }
451    }
452returnthis;
453};
454455// 节点事件绑定456 Base.prototype.nodeEvent = function (eventName, method, mode) {
457if (typeof eventName != ‘string‘ || typeof method != ‘function‘) returnthis;
458     eventName = eventName.toLowerCase();
459if (eventName.indexOf(‘on‘) == 0) eventName = eventName.substring(2, eventName.length);
460if (typeof mode == ‘undefined‘) mode = true;
461for (var i = 0; i < this.elements.length; i ++) {
462switch (eventName) {
463case ‘mousewheel‘ :
464                 Tool.mousewheel(this.elements[i], method, mode);
465break;
466default : 
467                 mode ? Tool.loginEvent(this.elements[i], eventName, method) : Tool.logoutEvent(this.elements[i], eventName, method);
468        }
469    }
470returnthis;
471};
472473// HTML DOM 加载474 Base.prototype.htmlLoaded = function (method) {
475if (typeof method == ‘function‘) Tool.htmlLoaded(method);
476returnthis;
477};
478479// 加载特效插件480 Base.prototype.plugins = function (pluginName, pluginMethod) {
481if (pluginName instanceof Array) { // 集群482if (!(pluginMethod instanceof Array) || pluginName.length != pluginMethod.length) returnfalse;
483for (var i = 0; i < pluginName.length; i ++) {
484this.plugins(pluginName[i], pluginMethod[i]);
485        }
486     } else { // 单一487if (typeof pluginName == ‘string‘ && typeof pluginMethod == ‘function‘) {
488             Base.prototype[pluginName] = pluginMethod;
489        } 
490    }
491returnthis;
492};
493494/*495    库方法集合
496*/497// 库方法: 清除两边空格498 Base.trim = function (string) {
499if (typeof string != ‘string‘) return string;
500var patternLeft = /^[\s\t　]+/;
501var patternRight = /[\s\t　]+$/;
502if (patternLeft.test(string)) string = string.replace(patternLeft, ‘‘);
503if (patternRight.test(string)) string = string.replace(patternRight, ‘‘);
504return string;
505};
506507// 库方法: 检测样式规则508 Base.checkRule = function (rulePosition, sheetIndex, ruleNumber) {
509if (typeof rulePosition != ‘number‘) rulePosition = 0;
510if (typeof sheetIndex != ‘number‘) sheetIndex = 0;
511if (typeof ruleNumber != ‘number‘) ruleNumber = 1;
512var sheetObject = undefined;
513var sheetTotal = document.styleSheets.length;
514if (sheetTotal != 0 && sheetIndex <= (sheetTotal - 1)) { // 兼容 IE 6/7/8 防止 unknown 515         sheetObject = document.styleSheets[sheetIndex];
516    }
517if (typeof sheetObject != ‘undefined‘) {
518var ruleTotal = Tool.ruleTotal(sheetObject);
519if (rulePosition > ruleTotal) rulePosition = ruleTotal;
520var maxNumber = ruleTotal - rulePosition;
521if (ruleNumber > maxNumber) ruleNumber -= ruleNumber - maxNumber;
522    }
523return {
524        position : rulePosition,
525        sheet : sheetObject,
526        number : ruleNumber
527    }
528};
529530// 库方法: 检测 class531 Base.hasClass = function (className, elementNode) {
532return (new RegExp(‘(^|\\s+)‘ + className + ‘(\\s+|$)‘)).test(elementNode.className);
533}
534535// 库方法: 元素节点定位器(局部搜索)536 Base.positioner = function (positioner) {
537if (typeof positioner != ‘string‘) returnfalse;
538var nodes = [];
539var patternId = /^id\s*=\s*([\w\-]+)$/i;
540var patternTag = /^tag(Name)?\s*=\s*([a-z]+)$/i;
541var patternClass = /^class(Name)?\s*=\s*([\w\-]+)$/i;
542if (patternTag.test(positioner)) { // tagName543         positioner = patternTag.exec(positioner)[2];
544         nodes = $().getTagName(positioner).getNodes();
545     } elseif (patternClass.test(positioner)) { // class546         positioner = patternClass.exec(positioner)[2];
547         nodes = $().getClass(positioner).getNodes();
548     } elseif (patternId.test(positioner)) { // id549         positioner = patternId.exec(positioner)[1];
550         nodes = $().getId(positioner).getNodes();
551     } else { // id552         nodes = $().getId(positioner).getNodes();
553    }
554if (nodes == $().info) returnfalse;
555return nodes;
556};
557558// 库方法: 获取元素从属关系(直接从属)559 Base.hasChild = function (elementNode, targetNode) {
560var childs = targetNode.childNodes;
561for (var i = 0; i < childs.length; i ++) {
562if (childs[i].nodeType == 1 && childs[i] == elementNode) returntrue;
563    }
564returnfalse;
565};
566567// 库方法: 清除空白节点568 Base.clear = function (elementNode) {
569var childs = elementNode.childNodes;
570var length = childs.length;
571for (var i = (length - 1); i >= 0; i --) {
572if (childs[i].nodeType == 3 && /^[\s\t　]+$/.test(childs[i].nodeValue)) elementNode.removeChild(childs[i]);
573    }
574return elementNode;
575};
576577// 库方法: 清除注释节点578 Base.comment = function (elementNode) {
579var childs = elementNode.childNodes;
580var length = childs.length;
581for (var i = (length - 1); i >= 0; i --) {
582if (childs[i].nodeType == 8) {
583            elementNode.removeChild(childs[i]);
584        }
585    }
586return elementNode;
587};
588589// 库方法: 字符串删减590 Base.replace = function (string, index) {
591if (typeof string != ‘string‘) return string;
592if (string.indexOf(index) != -1) string = string.replace(new RegExp(index, ‘ig‘), ‘‘);
593return string;
594};
595596// 库方法: 添加元素节点597 Base.addElement = function (elementName, attributes, html, targetNode) {
598var elementNode = document.createElement(elementName);
599if (typeof attributes == ‘string‘ || attributes instanceof Array) this.addAttribute(attributes, elementNode);
600if (typeof html != ‘undefined‘) $(elementNode).html(html);
601if (typeof targetNode != ‘undefined‘) {
602if (!(typeof targetNode == ‘object‘ || targetNode.nodeType == 1)) {
603if (!(targetNode = this.positioner(targetNode))) targetNode = document.body;
604        } 
605     } else {
606         targetNode = document.body;
607    }
608if (targetNode instanceof Array) { // 集群609for (var i = 0; i < targetNode.length; i ++) {
610             targetNode[i].appendChild(elementNode.cloneNode(true));
611        }
612     } else { // 单一613        targetNode.appendChild(elementNode);
614    }
615return elementNode;
616};
617618// 库方法: 添加属性节点619 Base.addAttribute = function (attributes, elementNode) {
620if (attributes instanceof Array) { // 集群621for (var i = 0; i < attributes.length; i ++) {
622this.addAttribute(attributes[i], elementNode);
623        }
624     } else { // 单一625if (typeof attributes != ‘string‘) returnfalse;
626var patternAttribute = /^([a-z]+)[\s\t　]*=[\s\t　]*([\w,\(#=:\s\.\/\\\‘\";\-\)]+)$/i;
627var key = ‘‘, value = ‘‘;
628if (patternAttribute.test(attributes)) {
629             key = patternAttribute.exec(attributes)[1];
630             value = patternAttribute.exec(attributes)[2];
631var patternClass = /^class(Name)?$/i, className = [];
632if (key == ‘style‘) { // CSS633this.style(value, elementNode);
634             } elseif (patternClass.test(key)) { // class635this.addClass(value, elementNode);
636             } else {
637                elementNode.setAttribute(key, value);
638            }
639        }
640    }
641};
642643// 库方法: CSS 处理644 Base.style = function (css, elementNode) {
645var split = /;[\s\t　]*/i;
646if (split.test(css)) { // 集群647         css = css.split(split);
648for (var i = 0; i < css.length; i ++) {
649this.style(css[i], elementNode);
650        }
651     } else { // 单一652var patternCSS = /^([a-z]+)[\s\t　]*:[\s\t　]*([\w\(=\s\.,\/\\\‘#\"\-\)]+)$/i, cssKey = ‘‘, cssValue = ‘‘;
653if (patternCSS.test(css)) {
654             cssKey = patternCSS.exec(css)[1];
655             cssValue = patternCSS.exec(css)[2];
656            $(elementNode).css(cssKey, cssValue);
657        }
658    }
659};
660661// 库方法: class 处理662 Base.addClass = function (className, elementNode) {
663var split = /[\s\t　]+/;
664if (split.test(className)) {
665         className = className.split(split);
666for (var i = 0; i < className.length; i ++) {
667this.addClass(className[i], elementNode);
668        }
669     } else {
670        $(elementNode).addClass(className);
671    }
672};
673674// 库方法: 移除元素节点675 Base.removeElement = function (elementNode, targetNode) {
676if (!(typeof elementNode == ‘object‘ || elementNode.nodeType == 1)) {
677if (!(elementNode = this.positioner(elementNode))) returnfalse;
678    }
679if (typeof targetNode == ‘undefined‘ || !(typeof targetNode == ‘object‘ || targetNode.nodeType == 1)) {
680if (!(targetNode = this.positioner(targetNode))) targetNode = document.body;
681    }
682if (targetNode instanceof Array) { // 集群683for (var i = 0; i < targetNode.length; i ++) {
684this.removeElement(elementNode, targetNode[i]);
685        }
686     } else { // 单一687if (elementNode instanceof Array) { // 集群688for (var i = 0; i < elementNode.length; i ++) {
689this.removeElement(elementNode[i], targetNode);
690            }
691         } else { // 单一692if (this.hasChild(elementNode, targetNode)) targetNode.removeChild(elementNode);
693        }
694    }
695};
696697// 库方法: 初始化滚动条698 Base.initializationScroll = function () {
699     Tool.scrollLeft(0);
700     Tool.scrollTop(0);
701};
702703// 库方法: 设置与获取滚动条704 Base.scroll = function (x, y) {
705if (typeof x != ‘number‘ && typeof y != ‘number‘) { // 获取706return {
707            x : Tool.scrollLeft(),
708            y : Tool.scrollTop()
709        }
710    }
711if (typeof x == ‘number‘) { // 设置x轴712        Tool.scrollLeft(x);
713    }
714if (typeof y == ‘number‘) { // 设置y轴715        Tool.scrollTop(y);
716    }
717};
718719// 库方法: 获取网页可视区尺寸720 Base.getWindowRectangle = function () {
721return {
722        width : Tool.getWindowWidth(),
723        height : Tool.getWindowHeight()
724    }
725};
726727// 库方法: 获取元素尺寸728 Base.getInnerRectangle = function (elementNode) {
729var width = 0, height = 0, display = ‘‘, _this = null;
730     _this = $(elementNode);
731     display = _this.css(‘display‘);
732     width = _this.css(‘width‘);
733     height = _this.css(‘height‘);
734if (width == ‘auto‘ || height == ‘auto‘) { // IE 6/7/8735if (display == ‘none‘) _this.show();
736         width = elementNode.offsetWidth;
737         height = elementNode.offsetHeight;
738    }
739     width = this.replace(width, ‘px‘);
740     height = this.replace(height, ‘px‘);
741return {
742        width : width,
743        height : height
744    };
745};
746747// 库方法: 获取元素外边距尺寸748 Base.getOuterRectangle = function (elementNode) {
749this.absolute(elementNode);
750var left = 0, top = 0, display = ‘‘, _this = null;
751     _this = $(elementNode);
752     display = _this.css(‘display‘);
753     left = _this.css(‘left‘);
754     top = _this.css(‘top‘);
755if (left == ‘auto‘ || top == ‘auto‘) { // IE 6/7/8756if (display == ‘none‘) _this.show();
757         left = elementNode.offsetLeft;
758         top = elementNode.offsetTop;
759    }
760     left = this.replace(left, ‘px‘);
761     top = this.replace(top, ‘px‘);
762return {
763        left : left,
764        top : top
765    };
766};
767768// 库方法: 设置元素绝对定位769 Base.absolute = function (elementNode) {
770var _this = $(elementNode);
771if (_this.css(‘position‘) != ‘absolute‘) _this.css([‘position = absolute‘, ‘left = 0‘, ‘top = 0‘]);
772};
773774// 库方法: 固定锁屏区域(修正浏览器Bug)775 Base.fixed = function () {
776// IE Bug 修正777var down = function () {
778var move = function (event) {
779            event.preventDefault();
780        };
781var up = function () {
782             $(‘#screen‘).nodeEvent(‘mousemove‘, move, false);
783             $(‘#screen‘).nodeEvent(‘mouseup‘, up, false);
784        };
785         $(‘#screen‘).nodeEvent(‘mousemove‘, move);
786         $(‘#screen‘).nodeEvent(‘mouseup‘, up);
787    };
788     $(‘#screen‘).nodeEvent(‘mousedown‘, down);
789// Chrome Bug 修改790     $(‘#screen‘).nodeEvent(‘mousewheel‘, function (event) {
791        event.preventDefault();
792    });
793 };

              1
            /*
              2
                源码作者: 石不易(Louis Shi)

              3
                联系方式: http://www.shibuyi.net

              4
                ===================================================================================================

              5
                程序名称: JavaScript 工具库(跨浏览器兼容) BETA 3.0 版

              6
                迭代版本: BETA 2.0

              7
                功能总数: 18 个

              8
                新增总数: 2 个

              9
                删除总数: 0 个

             10
                追加功能: 

             11
                    1. 新增“跨浏览器获取样式规则名称集合”

             12
                    2. 新增“跨浏览器 HTML DOM 加载”

             13
                优化功能: 

             14
                    1. 优化跨浏览器滚动条设置与获取至“scrollLeft”和“scrollTop”方法中

             15
                删除功能: 

             16
                    无

             17
            */
             18
             19
            //
             工具库
             20
            var Tool = {
 21// 数组排序 22    sort : {
 23         minToMax : function (min, max) {
 24if (min < max) {
 25return -1;
 26             } elseif (min > max) {
 27return 1;
 28             } else {
 29return 0;
 30            }
 31        },
 32         maxToMin : function (min, max) {
 33if (min < max) {
 34return 1;
 35             } elseif (min > max) {
 36return -1;
 37             } else {
 38return 0;
 39            }
 40        }
 41    },
 42 43// 跨浏览器获取计算后的样式 44     getStyle : function (cssKey, elementNode) {
 45if (typeof window.getComputedStyle != ‘undefined‘) { // W3C 46return window.getComputedStyle(elementNode, null)[cssKey];
 47         } elseif (typeof elementNode.currentStyle != ‘undefined‘) { // IE 6/7/8 48return elementNode.currentStyle[cssKey];
 49        }
 50    },
 51 52// 跨浏览器获取样式规则总数 53     ruleTotal : function (sheetObject) {
 54if (typeof sheetObject.cssRules != ‘undefined‘) { // W3C 55return sheetObject.cssRules.length;
 56         } elseif (typeof sheetObject.rules != ‘undefined‘) { // IE 6/7/8 57return sheetObject.rules.length;
 58        }
 59    },
 60 61// 跨浏览器获取样式规则名称集合 62     ruleNameTotal : function (sheetObject) {
 63var nameTotal = [];
 64if (typeof sheetObject.cssRules != ‘undefined‘) { // W3C 65for (var i = 0; i < sheetObject.cssRules.length; i ++) {
 66                nameTotal.push(sheetObject.cssRules[i].selectorText);
 67            }
 68         } elseif (typeof sheetObject.rules != ‘undefined‘) { // IE 6/7/8 69for (var i = 0; i < sheetObject.rules.length; i ++) {
 70                nameTotal.push(sheetObject.rules[i].selectorText);
 71            }
 72        }
 73return nameTotal;
 74    },
 75 76// 跨浏览器添加样式规则 77     addRule : function (sheetObject, ruleName, ruleText, rulePosition) {
 78if (typeof sheetObject.insertRule != ‘undefined‘) { // W3C 79             sheetObject.insertRule(ruleName + ‘ {‘ + ruleText + ‘}‘, rulePosition);
 80         } elseif (typeof sheetObject.addRule != ‘undefined‘) { // IE 6/7/8 81            sheetObject.addRule(ruleName, ruleText, rulePosition);
 82        }
 83    },
 84 85// 跨浏览器移除样式规则 86     removeRule : function (sheetObject, rulePosition) {
 87if (typeof sheetObject.deleteRule != ‘undefined‘) { // W3C 88            sheetObject.deleteRule(rulePosition);
 89         } elseif (typeof sheetObject.removeRule != ‘undefined‘) { // IE 6/7/8 90            sheetObject.removeRule(rulePosition);
 91        }
 92    },
 93 94// IE 6/7/8 事件对象匹配模式 95     eventMatch : function (event) {
 96         event.target = event.srcElement;
 97         event.stopPropagation = function () {
 98             event.cancelBubble = true;
 99        };
100         event.preventDefault = function () {
101             event.returnValue = false;
102        };
103return event;
104    },
105106// 事件绑定唯一标识符107     eventId : 0,
108109// 跨浏览器现代事件绑定: 注册事件110     loginEvent : function (elementNode, eventName, method) {
111if (typeof elementNode.addEventListener != ‘undefined‘) { // W3C112             elementNode.addEventListener(eventName, method, false);
113         } elseif (typeof elementNode.attachEvent != ‘undefined‘) { // IE 6/7/8114if (typeof elementNode.hashTable != ‘object‘) elementNode.hashTable = {};
115if (typeof elementNode.hashTable[eventName] != ‘object‘) elementNode.hashTable[eventName] = [];
116var events = elementNode.hashTable[eventName];
117for (var i = 0; i < events.length; i ++) {
118if (events[i] == method) returnfalse;
119            }
120             events[this.eventId ++] = method;
121var _this = this;
122             elementNode[‘on‘ + eventName] = function () {
123var event = _this.eventMatch(window.event);
124for (var i = 0; i < events.length; i ++) {
125if (typeof events[i] == ‘function‘) events[i].call(this, event);
126                }
127            };
128        }
129    },
130131// 跨浏览器现代事件绑定: 注销事件132     logoutEvent : function (elementNode, eventName, method) {
133if (typeof elementNode.removeEventListener != ‘undefined‘) { // W3C134             elementNode.removeEventListener(eventName, method, false);
135         } elseif (typeof elementNode.detachEvent != ‘undefined‘) { // IE 6/7/8136if (typeof elementNode.hashTable == ‘object‘ && typeof elementNode.hashTable[eventName] == ‘object‘) {
137var events = elementNode.hashTable[eventName];
138for (var i = 0; i < events.length; i ++) {
139if (events[i] == method) delete events[i];
140                }
141            }
142        }
143    },
144145// 跨浏览器鼠标滚轮事件146     mousewheel : function (elementNode, method, mode) {
147if (elementNode == window) elementNode = document; // IE 6/7/8148if (typeof elementNode.onmousewheel != ‘undefined‘) { // Not Firefox149             mode ? this.loginEvent(elementNode, ‘mousewheel‘, method) : this.logoutEvent(elementNode, ‘mousewheel‘, method);
150         } else { // Firefox151             mode ? this.loginEvent(elementNode, ‘DOMMouseScroll‘, method) : this.logoutEvent(elementNode, ‘DOMMouseScroll‘, method);
152        }
153    },
154155// 跨浏览器 HTML DOM 加载156     htmlLoaded : function (method) {
157if ((browserDetect.opera && browserDetect.browser.version < 9)
158         || 
159             (browserDetect.firefox && browserDetect.browser.version < 3) 
160         || 
161             (browserDetect.engine.name == ‘WebKit‘ && browserDetect.engine.version < 525)) { // low version W3C162var timer = setTimeout(function () {
163                clearTimeout(timer);
164                 /interactive|loading|complete/i.test(document.readyState) ? method() : timer = setTimeout(arguments.callee, 1);
165             }, 1);
166         } elseif (!browserDetect.ie || browserDetect.browser.version > 8) { // current W3C167var _this = this;
168this.loginEvent(document, ‘DOMContentLoaded‘, function () {
169                 _this.logoutEvent(document, ‘DOMContentLoaded‘, arguments.callee);
170                method();
171            });
172         } elseif (browserDetect.ie && browserDetect.browser.version < 9) { // IE 6/7/8173var timer = setTimeout(function () {
174try {
175                    clearTimeout(timer);
176                     document.documentElement.doScroll(‘top‘);
177                    method();
178                 } catch (error) {
179                     timer = setTimeout(arguments.callee, 1);
180                }
181             }, 1);
182        }
183    },
184185// 跨浏览器获取元素从属关系(间接从属+直接从属)186     getContains : function (elementNode, targetNode) {
187if (typeof targetNode.compareDocumentPosition != ‘undefined‘) { // W3C188return targetNode.compareDocumentPosition(elementNode) == 20;
189         } elseif (typeof targetNode.contains != ‘undefined‘) { // IE 6/7/8190return targetNode.contains(elementNode);
191        }
192    },
193194// 跨浏览器获取与设置滚动条x轴195     scrollLeft : function (x) {
196if (browserDetect.engine.name == ‘WebKit‘) { // Chrome / Safari197if (typeof x != ‘undefined‘) { // 设置198                 document.body.scrollLeft = x;
199             } else { // 获取200return document.body.scrollLeft;
201            }
202         } else { // Not Chrome / Safari203if (typeof x != ‘undefined‘) { // 设置204                 document.documentElement.scrollLeft = x;
205             } else { // 获取206return document.documentElement.scrollLeft;
207            }
208        }
209    },
210211// 跨浏览器获取与控制滚动条y轴212     scrollTop : function (y) {
213if (browserDetect.engine.name == ‘WebKit‘) { // Chrome / Safari214if (typeof y != ‘undefined‘) { // 设置215                 document.body.scrollTop = y;
216             } else { // 获取217return document.body.scrollTop;
218            }
219         } else { // Not Chrome / Safari220if (typeof y != ‘undefined‘) { // 设置221                 document.documentElement.scrollTop = y;
222             } else { // 获取223return document.documentElement.scrollTop; 
224            }
225        }
226    },
227228// 跨浏览器获取网页x轴可视区域尺寸229     getWindowWidth : function () {
230if (typeof window.innerWidth != ‘undefined‘) { // W3C231return window.innerWidth;
232         } elseif (typeof document.documentElement.clientWidth != ‘undefined‘) { // IE 6/7/8233return document.documentElement.clientWidth;
234        }
235    },
236237// 跨浏览器获取网页y轴可视区域尺寸238     getWindowHeight : function () {
239if (typeof window.innerHeight != ‘undefined‘) { // W3C240return window.innerHeight;
241         } elseif (typeof document.documentElement.clientHeight) { // IE 6/7/8242return document.documentElement.clientHeight;
243        }
244    },
245246// IE 专属: 浏览器外捕获鼠标按下247     setCaptureIE : function (elementNode) {
248if (typeof elementNode.setCapture != ‘undefined‘) { // IE249            elementNode.setCapture();
250        }
251    },
252253// IE 专属: 浏览器外捕获鼠标弹起254     releaseCaptureIE : function (elementNode) {
255if (typeof elementNode.releaseCapture != ‘undefined‘) { // IE256            elementNode.releaseCapture();
257        }
258    }
259260 };

              1
            /*
              2
                源码作者: 石不易(Louis Shi)

              3
                联系方式: http://www.shibuyi.net

              4
                ===================================================================================================

              5
                程序名称: 浏览器嗅探器 BETA 3.0

              6
                版本迭代: 无

              7
                功能总数: 4 个

              8
                功能介绍: 

              9
                    1. 支持浏览器品牌嗅探

             10
                    2. 支持浏览器名称/版本嗅探

             11
                    3. 支持浏览器引擎名称/版本嗅探

             12
                    4. 支持浏览器隶属平台名称/版本嗅探

             13
            */
             14 (function () {
 15     window.browserDetect = {
 16         ie : false,
 17         firefox : false,
 18         chrome : false,
 19         safari : false,
 20         opera : false,
 21         other : false,
 22 23        browser : {
 24             name : ‘‘,
 25             version : ‘‘
 26        },
 27        engine : {
 28             name : ‘‘,
 29             version : ‘‘
 30        },
 31        system : {
 32             name : ‘‘,
 33             version : ‘‘
 34        }
 35    };
 36 37var info = navigator.userAgent;
 38var system = navigator.platform;
 39 40/* 41        Browser pattern
 42*/ 43// check IE 44var patternIE = /MSIE\s([\d\.]+)/i;
 45var patternHighIE = /rv:([\d\.]+)/i;
 46// check Firefox 47var patternFirefox = /Firefox\/([\d\.]+)/i;
 48// check Chrome 49var patternChrome = /Chrome\/([\d\.]+)/i;
 50// check Safari 51var patternSafari = /Safari\/([\d\.]+)/i;
 52// check Opera 53var patternOpera = /Opera\/([\d\.]+)/i;
 54 55/* 56        Engine pattern
 57*/ 58// check Trident 59var patternTrident = /Trident\/([\d\.]+)/i;
 60// check Gecko 61var patternGecko = /Gecko\/(\d+)/i;
 62// check WebKit 63var patternWebKit = /AppleWebKit\/([\d\.]+)/i;
 64// check Presto 65var patternPresto = /Presto\/([\d\.]+)/i;
 66 67/* 68        System pattern
 69*/ 70// check Windows 71var patternWindows = /Windows\sNT\s([\d\.]+)/i;
 72var patternWin = /Win/i;
 73// check Linux 74var patternLinux = /Linux/i;
 75// check Unix 76var patternUnix = /X11/i;
 77// check Mac 78var patternMac = /Mac/i;
 79 80/* 81        Check browser
 82*/ 83if ((low = patternIE.test(info)) || (high = patternTrident.test(info))) { // IE 84         browserDetect.ie = true;
 85         browserDetect.browser.name = ‘Internet Explorer‘;
 86         browserDetect.engine.name = ‘Trident‘;
 87if (low) { // IE 6 - 10 88             browserDetect.browser.version = parseFloat(patternIE.exec(info)[1]);
 89         } elseif (high) { // IE 11+ 90             browserDetect.browser.version = parseFloat(patternHighIE.exec(info)[1]);
 91        }
 92if (browserDetect.browser.version >= 6.0) {
 93switch (browserDetect.browser.version) { // engine version 94case 6.0 : 
 95                     browserDetect.engine.version = 2.0;
 96break;
 97case 7.0 :
 98                     browserDetect.engine.version = 3.0;
 99break;
100default : 
101                     browserDetect.engine.version = parseFloat(patternTrident.exec(info)[1]);
102            }
103         } else {
104             browserDetect.engine.version = ‘2.0-‘;
105        }
106     } elseif (patternFirefox.test(info)) { // Firefox107         browserDetect.firefox = true;
108         browserDetect.browser.name = ‘Firefox‘;
109         browserDetect.browser.version = parseFloat(patternFirefox.exec(info)[1]);
110     } elseif (patternChrome.test(info)) { // Chrome111         browserDetect.chrome = true;
112         browserDetect.browser.name = ‘Chrome‘;
113         browserDetect.browser.version = parseFloat(patternChrome.exec(info)[1]);
114     } elseif (patternSafari.test(info)) { // Safari115         browserDetect.safari = true;
116         browserDetect.browser.name = ‘Safari‘;
117var patternVersion = /Version\/([\d\.]+)/i;
118if (patternVersion.test(info)) { // high version119             browserDetect.browser.version = parseFloat(patternVersion.exec(info)[1]);
120         } else { // low version121             browserDetect.browser.version = parseFloat(patternSafari.exec(info)[1]);
122        }
123     } elseif (patternOpera.test(info)) { // Opera124         browserDetect.opera = true;
125         browserDetect.browser.name = ‘Opera‘;
126var patternVersion = /Version\/([\d\.]+)/i;
127if (patternVersion.test(info)) { // high version128             browserDetect.browser.version = parseFloat(patternVersion.exec(info)[1]);
129         } else { // low version130             browserDetect.browser.version = parseFloat(patternOpera.exec(info)[1]);
131        }
132     } else { // Other133         browserDetect.other = true;
134         browserDetect.browser.name = ‘Other‘;
135         browserDetect.browser.version = ‘Unknown‘;
136    }
137138/*139        Check Engine
140*/141if (patternTrident.test(info)) { // Trident142         browserDetect.engine.name = ‘Trident‘;
143         browserDetect.engine.version = parseFloat(patternTrident.exec(info)[1]);
144     } elseif (patternGecko.test(info)) { // Gecko145         browserDetect.engine.name = ‘Gecko‘;
146var patternVersion = /rv:([\d\.]+)/i;
147if (patternVersion.test(info)) { // high version148             browserDetect.engine.version = parseFloat(patternVersion.exec(info)[1]);
149         } else { // low version150             browserDetect.engine.version = parseFloat(patternGecko.exec(info)[1]);
151        }
152     } elseif (patternWebKit.test(info)) { // WebKit153         browserDetect.engine.name = ‘WebKit‘;
154         browserDetect.engine.version = parseFloat(patternWebKit.exec(info)[1]);
155     } elseif (patternPresto.test(info)) { // Presto156         browserDetect.engine.name = ‘Presto‘;
157         browserDetect.engine.version = parseFloat(patternPresto.exec(info)[1]);
158     } else { // Other159if (browserDetect.other) {
160             browserDetect.engine.name = ‘Other‘;
161             browserDetect.engine.version = ‘Unknown‘;
162        }
163    }
164165/*166        Check System
167*/168if (patternWindows.test(info)) { // Windows169         browserDetect.system.version = parseFloat(patternWindows.exec(info)[1]);
170switch (browserDetect.system.version) {
171case 5.0 :
172                 browserDetect.system.name = ‘Windows 2000‘;
173break;
174case 5.1 :
175                 browserDetect.system.name = ‘Windows XP‘;
176break;
177case 5.2 : 
178                 browserDetect.system.name = ‘Windows Server 2003 / Windows Server 2003 R2‘;
179break;
180case 6.0 :
181                 browserDetect.system.name = ‘Windows Vista / Windows Server 2008‘;
182break;
183case 6.1 : 
184                 browserDetect.system.name = ‘Windows 7 / Windows Server 2008 R2‘;
185break;
186case 6.2 : 
187                 browserDetect.system.name = ‘Windows 8 / Windows Server 2012 / Windows Phone 8‘;
188break189case 6.3 :
190                 browserDetect.system.name = ‘Windows 8.1 / Windows Server 2012 R2‘;
191break;
192default :
193                 browserDetect.system.name = ‘Windows‘;
194        }
195     } elseif (patternWin.test(system)) { // Windows(low version browser)196         browserDetect.system.name = ‘Windows‘;
197         browserDetect.system.version = ‘Unknown‘;
198     } elseif (patternLinux.test(system)) { // Linux199         browserDetect.system.name = ‘Linux‘;
200         browserDetect.system.version = ‘Unknown‘;
201     } elseif (patternUnix.test(system)) { // Unix202         browserDetect.system.name = ‘Unix‘;
203         browserDetect.system.version = ‘Unknown‘;
204     } elseif (patternMac.test(system)) { // Mac205         browserDetect.system.name = ‘Mac‘;
206         browserDetect.system.version = ‘Unknown‘;
207     } else { // Other208         browserDetect.system.name = ‘Other‘;
209         browserDetect.system.version = ‘Unknown‘;
210    }
211212 })();

             1
            /*
             2
                源码作者: 石不易(Louis Shi)

             3
                联系方式: http://www.shibuyi.net

             4
                ===================================================================================================

             5
                特效插件: 元素隐藏

             6
                特效插件: 元素显示

             7
                特效插件: 鼠标移入移出(下拉菜单)

             8
            */
             9 $().plugins([‘hide‘, ‘show‘, ‘hover‘], [function () {
10this.css(‘display‘, ‘none‘);
11returnthis;
12 }, function () {
13this.css(‘display‘, ‘block‘);
14returnthis;
15 }, function (overMethod, outMethod) {
16this.nodeEvent(‘mouseover‘, overMethod);
17this.nodeEvent(‘mouseout‘, outMethod);
18returnthis;
19 }]);

             1
            /*
             2
                源码作者: 石不易(Louis Shi)

             3
                联系方式: http://www.shibuyi.net

             4
                ===================================================================================================

             5
                特效插件: 元素居中

             6
            */
             7 $().plugins(‘center‘, function () {
 8var windowRectangle = Base.getWindowRectangle();
 9var scroll = Base.scroll();
10var innerRectangle = null, x = 0, y = 0;
11for (var i = 0; i < this.elements.length; i ++) {
12         Base.absolute(this.elements[i]);
13         innerRectangle = Base.getInnerRectangle(this.elements[i]);
14         x = (windowRectangle.width - innerRectangle.width) / 2;
15         y = (windowRectangle.height - innerRectangle.height) / 2;
16if (x < 0) x = 0;
17if (y < 0) y = 0;
18         $(this.elements[i]).css([‘left = ‘ + (x + scroll.x) + ‘px‘, ‘top = ‘ + (y + scroll.y) + ‘px‘]);
19    }
20returnthis;
21 });

             1
            /*
             2
                源码作者: 石不易(Louis Shi)

             3
                联系方式: http://www.shibuyi.net

             4
                ===================================================================================================

             5
                特效插件: 遮罩锁屏

             6
                特效插件: 清除遮罩

             7
            */
             8 $().plugins([‘lock‘, ‘unlock‘], [function () {
 9var screen = null;
10if ((screen = $(‘#screen‘).firstNode()) != this.info) {
11if (Base.trim($(Base.comment(screen)).html()) != ‘‘) {
12            Base.removeElement(screen);
13             screen = Base.addElement(‘div‘, ‘id = screen‘);
14        }
15     } else {
16         screen = Base.addElement(‘div‘, ‘id = screen‘);
17    }
18var scroll = Base.scroll();
19     $(‘html‘).css(‘overflow‘, ‘hidden‘);
20    Base.scroll(scroll.x, scroll.y);
21var windowRectangle = Base.getWindowRectangle();
22    Base.absolute(screen);
23    $(screen).css([
24                                 ‘width = ‘ + windowRectangle.width + ‘px‘, 
25                                 ‘height = ‘ + windowRectangle.height + ‘px‘, 
26                                 ‘left = ‘ + scroll.x + ‘px‘,
27                                 ‘top = ‘ + scroll.y + ‘px‘,
28                                 ‘backgroundColor = black‘, 
29                                 ‘zIndex = 9998‘, 
30                                 ‘opacity = 0.4‘, // W3C31                                 ‘filter = alpha(opacity = 40)‘ // IE 6/7/832                            ]).show();
33     Base.fixed(); // 修正 Bug34returnthis;
35 }, function () {
36var screen = null;
37if ((screen = $(‘#screen‘).firstNode()) == this.info) returnthis;
38var scroll = Base.scroll();
39     $(‘html‘).css(‘overflow‘, ‘auto‘);
40    Base.scroll(scroll.x, scroll.y);
41    $(screen).hide();
42returnthis;
43 }]);

             1
            /*
             2
                源码作者: 石不易(Louis Shi)

             3
                联系方式: http://www.shibuyi.net

             4
                ===================================================================================================

             5
                特效插件: 元素拖拽

             6
            */
             7 $().plugins(‘drag‘, function () {
 8var selector = null, childs = [];
 9for (var j = 0; j < this.elements.length; j ++) {
10if (arguments.length != 0) {
11for (var i = 0; i < arguments.length; i ++) {
12if ((selector = $(this.elements[j]).selector(arguments[i]).getNodes()) == this.info) continue;
13                childs.push(selector);
14            }
15        }
16if (childs.length == 0) childs.push(this.elements[j]);
17var targetNode = this.elements[j];
18        Base.absolute(targetNode);
19var down = function (event) {
20var scroll = Base.scroll();
21var outerRectangle = Base.getOuterRectangle(targetNode);
22var fixedX = (event.clientX + scroll.x) - outerRectangle.left;
23var fixedY = (event.clientY + scroll.y) - outerRectangle.top;
24var windowRectangle = Base.getWindowRectangle();
25var innerRectangle = Base.getInnerRectangle(targetNode);
26             Tool.setCaptureIE(targetNode); // 兼容 IE Bug27var move = function (event) {
28var x = (event.clientX + scroll.x) - fixedX;
29var y = (event.clientY + scroll.y) - fixedY;
30var minX = scroll.x, minY = scroll.y, maxX = 0, maxY = 0;
31                 maxX = (windowRectangle.width + scroll.x) - innerRectangle.width;
32                 maxY = (windowRectangle.height + scroll.y) - innerRectangle.height;
33if (x < minX) x = minX; elseif (x > maxX) x = maxX;
34if (y < minY) y = minY; elseif (y > maxY) y = maxY;
35                 $(targetNode).css([‘left = ‘ + x + ‘px‘, ‘top = ‘ + y + ‘px‘]);
36            };
37var up = function () {
38                 Tool.releaseCaptureIE(targetNode); // 兼容 IE Bug39                 $(document).nodeEvent(‘mousemove‘, move, false);
40                 $(document).nodeEvent(‘mouseup‘, up, false);
41            };
42             $(document).nodeEvent(‘mousemove‘, move);
43             $(document).nodeEvent(‘mouseup‘, up);
44        };
45for (var k = 0; k < childs.length; k ++) {
46if (childs[k] instanceof Array) { // 集群47for (var l = 0; l < childs[k].length; l ++) {
48                     $(childs[k][l]).nodeEvent(‘mousedown‘, down);
49                }
50             } else { // 单一51                 $(childs[k]).nodeEvent(‘mousedown‘, down);
52            }
53        }
54    }
55returnthis;
56 });

             1
            /*
             2
                源码作者: 石不易(Louis Shi)

             3
                联系方式: http://www.shibuyi.net

             4
                ===================================================================================================

             5
                特效插件: 禁止元素溢出可视区

             6
            */
             7 $().plugins(‘overflow‘, function () {
 8var windowRectangle = Base.getWindowRectangle();
 9var scroll = Base.scroll();
10var minX = scroll.x, minY = scroll.y, maxX = 0, maxY = 0, x = 0, y = 0;
11var innerRectangle = null, outerRectangle = null;
12for (var i = 0; i < this.elements.length; i ++) {
13         Base.absolute(this.elements[i]);
14         innerRectangle = Base.getInnerRectangle(this.elements[i]);
15         outerRectangle = Base.getOuterRectangle(this.elements[i]);
16         x = outerRectangle.left;
17         y = outerRectangle.top;
18         maxX = (windowRectangle.width + scroll.x) - innerRectangle.width;
19         maxY = (windowRectangle.height + scroll.y) - innerRectangle.height;
20if (x < minX) x = minX; elseif (x > maxX) x = maxX;
21if (y < minY) y = minY; elseif (y > maxY) y = maxY;
22         $(this.elements[i]).css([‘left = ‘ + x + ‘px‘, ‘top = ‘ + y + ‘px‘]);
23    }
24returnthis;
25 });