使用Mootools動態(tài)添加Css樣式表代碼,兼容各瀏覽器
更新時間：2011年12月12日 20:58:37 作者：
這個函數(shù)很有用處,尤其是當(dāng)我們在使用Mootools開發(fā)插件的時候,例如Tips等,當(dāng)我們需要額外的Css來支撐插件內(nèi)的效果時,通常我們的做法是把Css放到單獨(dú)的css文件里調(diào)用
但是這樣做就不利于插件的移植,所以就寫了這個函數(shù)用來動態(tài)產(chǎn)生Css.
AddCss=function(c){
var Sty=document.createElement('style');
Sty.type='text/css';
if(Browser.ie){
Sty.styleSheet.cssText=c;
}else{
var Frag=document.createDocumentFragment();
Frag.appendChild(document.createTextNode(c));
Sty.appendChild(Frag);
}
document.getElementsByTagName('head')[0].appendChild(Sty);
};
AddCss('a{background-color:red;color:black;padding:20px;}');
代碼如上所示,比較簡單就是一個Function而已,需要的時候就直接用AddCss添加代碼即可.
注:該函數(shù)我在IE6;7;8;9以及Firefox內(nèi)均已測試過,可以放心使用.
復(fù)制代碼 代碼如下:
AddCss=function(c){
var Sty=document.createElement('style');
Sty.type='text/css';
if(Browser.ie){
Sty.styleSheet.cssText=c;
}else{
var Frag=document.createDocumentFragment();
Frag.appendChild(document.createTextNode(c));
Sty.appendChild(Frag);
}
document.getElementsByTagName('head')[0].appendChild(Sty);
};
AddCss('a{background-color:red;color:black;padding:20px;}');
代碼如上所示,比較簡單就是一個Function而已,需要的時候就直接用AddCss添加代碼即可.
注:該函數(shù)我在IE6;7;8;9以及Firefox內(nèi)均已測試過,可以放心使用.
相關(guān)文章
容器采用相對定位,圖片采用絕對定位,當(dāng)鼠標(biāo)移動到相應(yīng)的圖片上,改變?nèi)eft屬性,用tween實(shí)現(xiàn)動畫效果.2011-04-04
用Mootools獲得操作索引的兩種方法分享，需要的朋友可以參考下。2011-12-12
分享一個用Mootools寫的鼠標(biāo)滑過進(jìn)度條改變進(jìn)度值的實(shí)現(xiàn)代碼
分享一個用Mootools寫的鼠標(biāo)滑過進(jìn)度條改變進(jìn)度值的實(shí)現(xiàn)代碼，需要的朋友可以參考下。2011-12-12
今天我們來看一看MooTools給我們提供的額外的一些處理字符函數(shù)。這只是MooTools字符串處理中的一部分，并不包含一些神秘的函數(shù)（比如toCamelCase()）和使用正則表達(dá)式處理字符串的函數(shù)。2009-09-09
今天繼續(xù)我們的Mootools 1.2教程的第23課，我們今天來講一下Fx插件中的Fx.Slide。通過該插件，可以讓你把內(nèi)容以滑動的方式顯示出來。它使用起來非常簡單，是你UI工具箱中一個很好的工具。2009-09-09
Mootools 1.2教程 輸入過濾第一部分（數(shù)字）
今天我們來看看MooTools是怎樣使得過濾用戶輸入變得非常輕松。我們今天將講一些基本的數(shù)字過濾，明天再更深入地講講字符串過濾。2009-09-09
Mootools 1.2 手風(fēng)琴（Accordion）教程
繼續(xù)我們的“更多”（More）庫里面的插件教程，今天我們來學(xué)習(xí)一下可能是最流行最受歡迎的插件——手風(fēng)琴。2009-09-09
今天我們來深入地學(xué)習(xí)一下如果操縱HTML元素。通過MooTools 1.2，你可以添加新元素到一個HTML頁面中，也可以刪除元素，以及改變?nèi)魏螛邮交蛘咴貐?shù)，這些都非常容易。2009-09-09
MooTools 1.2中的Drag.Move來實(shí)現(xiàn)拖放
今天我們開始第十二講，今天我們將仔細(xì)看一下Drag.Move——一個很強(qiáng)大的MooTools類，它可以讓你給你的web應(yīng)用添加拖放功能。2009-09-09
這幾天, 利用晚上的閑暇時間, 寫了個mootools組件,原型來自于jQuery UI Dialog, 為防止重復(fù),就起了名字叫mooBox.2012-01-01