使用Mootools動(dòng)態(tài)添加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;}');
代碼如上所示,比較簡(jiǎn)單就是一個(gè)Function而已,需要的時(shí)候就直接用AddCss添加代碼即可.
注:該函數(shù)我在IE6;7;8;9以及Firefox內(nèi)均已測(cè)試過(guò),可以放心使用.
相關(guān)文章
基于mootools 1.3框架下的圖片滑動(dòng)效果代碼
容器采用相對(duì)定位,圖片采用絕對(duì)定位,當(dāng)鼠標(biāo)移動(dòng)到相應(yīng)的圖片上,改變?nèi)eft屬性,用tween實(shí)現(xiàn)動(dòng)畫(huà)效果.2011-04-04分享一個(gè)用Mootools寫(xiě)的鼠標(biāo)滑過(guò)進(jìn)度條改變進(jìn)度值的實(shí)現(xiàn)代碼
分享一個(gè)用Mootools寫(xiě)的鼠標(biāo)滑過(guò)進(jìn)度條改變進(jìn)度值的實(shí)現(xiàn)代碼,需要的朋友可以參考下。2011-12-12Mootools 1.2教程 輸入過(guò)濾第二部分(字符串)
今天我們來(lái)看一看MooTools給我們提供的額外的一些處理字符函數(shù)。這只是MooTools字符串處理中的一部分,并不包含一些神秘的函數(shù)(比如toCamelCase())和使用正則表達(dá)式處理字符串的函數(shù)。2009-09-09Mootools 1.2教程 滑動(dòng)效果(Slide)
今天繼續(xù)我們的Mootools 1.2教程的第23課,我們今天來(lái)講一下Fx插件中的Fx.Slide。通過(guò)該插件,可以讓你把內(nèi)容以滑動(dòng)的方式顯示出來(lái)。它使用起來(lái)非常簡(jiǎn)單,是你UI工具箱中一個(gè)很好的工具。2009-09-09Mootools 1.2教程 輸入過(guò)濾第一部分(數(shù)字)
今天我們來(lái)看看MooTools是怎樣使得過(guò)濾用戶輸入變得非常輕松。我們今天將講一些基本的數(shù)字過(guò)濾,明天再更深入地講講字符串過(guò)濾。2009-09-09Mootools 1.2 手風(fēng)琴(Accordion)教程
繼續(xù)我們的“更多”(More)庫(kù)里面的插件教程,今天我們來(lái)學(xué)習(xí)一下可能是最流行最受歡迎的插件——手風(fēng)琴。2009-09-09通過(guò)Mootools 1.2來(lái)操縱HTML DOM元素
今天我們來(lái)深入地學(xué)習(xí)一下如果操縱HTML元素。通過(guò)MooTools 1.2,你可以添加新元素到一個(gè)HTML頁(yè)面中,也可以刪除元素,以及改變?nèi)魏螛邮交蛘咴貐?shù),這些都非常容易。2009-09-09MooTools 1.2中的Drag.Move來(lái)實(shí)現(xiàn)拖放
今天我們開(kāi)始第十二講,今天我們將仔細(xì)看一下Drag.Move——一個(gè)很強(qiáng)大的MooTools類,它可以讓你給你的web應(yīng)用添加拖放功能。2009-09-09