?? css.lib.js
字號(hào):
?/*
By Hangring
#2007.12.20#
---
use list:
> global.lib.js
> node.lib.js
> browser.lib.js
---
動(dòng)態(tài)修改樣式類
-
在IE5.5中,對(duì)于CSS類名大小寫(xiě)不敏感
*/
$Defined('CSS');
var CSS = {LEFT:'left',RIGHT:'right',BOTH:'both'};
CSS.GetRe = function (c) {
return new RegExp('^\\s*' + c + '\\s+|\\s+' + c + '\\s*$|\\s+' + c + '\\s+|^\\s*' + c + '\\s*$', '');
};
CSS.AddClass = function (el /* :HTMLElement */ /*, class1, class2, ..., classN */) {
if (! oNode.IsNode(el)) return;
var list = arguments;
for (var i = 1, len = list.length; i < len; i++) {
var c = list[i];
if (typeof c != 'string' || c == '') continue;
var re = this.GetRe(c);
if (!re.test(el.className)) {
el.className += ((el.className ? '\x20' : '') + c).replace(/\s{2,}/g, '\x20');
}
}
};
CSS.RemoveClass = function (el /* :HTMLElement */ /*, class1, class2, ..., classN */) {
if (! oNode.IsNode(el)) return;
var list = arguments;
for (var i = 1, len = list.length; i < len; i++) {
var c = list[i];
if (typeof c != 'string' || c == '') continue;
var re = this.GetRe(c);
if (re.test(el.className)) {
el.className = el.className.replace(re, '\x20').replace(/^\s{2,}$/, '\x20');
}
}
};
CSS.ReplaceClass = function (el /* :HTMLElement */, replaced /* :String */, replacing /* :String */) {
this.RemoveClass(el, replaced);
this.AddClass(el, replacing);
};
CSS.HasClass = function (el /* :HTMLElement */, c /* :String */) {
if (! oNode.IsNode(el)) return false;
if (typeof c != 'string' || c == '') return false;
return this.GetRe(c).test(el.className);
};
// 設(shè)置樣式
//CSS.SetStyle = function (el, sname, svalue) {
// el.style[sname] = svalue;
//};
/*
ie 5.5出現(xiàn)[庫(kù)沒(méi)有注冊(cè)]錯(cuò)誤
*/
CSS.SetAlpha = function (el /* :HTMLElement */, opacity /* 0 -> 100:Number */) {
if (Browser.IsIE) {
try {
el.filters[0].Opacity = opacity;
}
catch (e) {
el.style.filter = 'alpha(Opacity=' + opacity + ')';
}
}
else {
el.style.MozOpacity = opacity / 100;
el.style.opacity = opacity / 100;
}
};
CSS.GetAlpha = function (el /* :HTMLElement */) {
if (Browser.IsIE) {
try {
return el.filters[0].Opacity;
}
catch (e) {
return 100;
}
}
else {
return el.style.opacity * 100;
}
};
// 設(shè)置是否顯示
// 對(duì)于<thead>, <tbody>, <tr>或<td>盡量用''替代'block'以免出現(xiàn)問(wèn)題
CSS.SetDisplay = function (el /* :HTMLElement */, display /* :Boolean */, unset /* 未在style或樣式里設(shè)置的(用此參數(shù),請(qǐng)先看以上說(shuō)明):Boolean */) {
el.style.display = !!display ? (unset ? 'block' : '') : 'none';
};
// 設(shè)置是否顯示
CSS.SetVisible = function (el /* :HTMLElement */, visible /* :Boolean */) {
el.style.visibility = !!visible ? 'visible' : 'hidden';
};
// 設(shè)置浮動(dòng)
CSS.SetFloat = function (el /* :HTMLElement */, dir /* CSS.LEFT|CSS.RIGHT:String */) {
el.style.styleFloat = dir;
el.style.cssFloat = dir;
};
// 添加清除浮動(dòng)
CSS.AddClear = function (el /* :HTMLElement */, clear/* CSS.LEFT|CSS.RIGHT|CSS.BOTH:String */) {
var node = oNode.CreateNode('div');
oNode.AddNode(node, el);
node.style.overflow = 'hidden';
node.style.clear = clear;
return node;
};
// 選擇開(kāi)關(guān)
CSS.SelectOn = function (doc) {
doc = doc || document;
//doc.body.unselectable = 'off';//false;
doc.body.style.MozUserSelect = '';
doc.body.style.KhtmlUserSelect = '';
doc.onselectstart = null;
};
CSS.SelectOff = function (doc) {
doc = doc || document;
//doc.body.unselectable = 'on';//true;
doc.body.style.MozUserSelect = 'none';
doc.body.style.KhtmlUserSelect = 'none';
doc.onselectstart = function () {return false};
};
// 添加一個(gè)臨時(shí)背景
// 這可防止鼠標(biāo)操作頁(yè)面其他元素
CSS.AddBack = function (el /* :HTMLElement */, insertBefore /* :Boolean */) {
var BG = oNode.CreateNode('div');
if (el) el.$BG = BG;
el && insertBefore ? oNode.InsertBefore(BG, el) : oNode.AddNode(BG);
with (BG.style) {
position = 'absolute';
//zIndex = el ? el.style.zIndex : 1;
zIndex = 1;
left = '0px';
top = '0px';
background = 'transparent url(' + BBSMAX.SpaceImage + ') repeat 0 0';
}
//this.SetAlpha(BG, 15);
BG.Show = function () {
this.style.width = Global.GetDocWidth() - (Browser.IsGecko && !Browser.IsSafari ? 18 : 0) + 'px';
this.style.height = Math.max(Global.GetDocHeight(), Global.GetClientHeight()) + 'px';
CSS.SetVisible(this, true);
};
BG.Hide = function () {
CSS.SetVisible(this, false);
with (this.style) {
width = '1px';
height = '1px';
}
};
BG.Show();
return BG;
};
// 增加style節(jié)點(diǎn)
CSS.AddStyle = function (cssText /* :String */) {
var s = oNode.CreateNode('style');
s.type = 'text/css';
if (s.styleSheet) {
s.styleSheet.cssText = cssText;
}
else {
//s.appendChild(document.createTextNode(cssText));
oNode.AddNode(cssText, s);
}
oNode.AddNode(s, document.getElementsByTagName('head')[0]);
return s;
};
?? 快捷鍵說(shuō)明
復(fù)制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號(hào)
Ctrl + =
減小字號(hào)
Ctrl + -