使用Mootools动态添加Css样式表代码,兼容各浏览器
更新时间：2011年12月12日 20:58:37 作者：
这个函数很有用处,尤其是当我们在使用Mootools开发插件的时候,例如Tips等,当我们需要额外的Css来支撑插件内的效果时,通常我们的做法是把Css放到单独的css文件里调用
但是这样做就不利于插件的移植,所以就写了这个函数用来动态产生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添加代码即可.
注:该函数我在IE6;7;8;9以及Firefox内均已测试过,可以放心使用.
复制代码 代码如下:
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添加代码即可.
注:该函数我在IE6;7;8;9以及Firefox内均已测试过,可以放心使用.
相关文章
容器采用相对定位,图片采用绝对定位,当鼠标移动到相应的图片上,改变去left属性,用tween实现动画效果.2011-04-04
用Mootools获得操作索引的两种方法分享，需要的朋友可以参考下。2011-12-12
分享一个用Mootools写的鼠标滑过进度条改变进度值的实现代码
分享一个用Mootools写的鼠标滑过进度条改变进度值的实现代码，需要的朋友可以参考下。2011-12-12
今天我们来看一看MooTools给我们提供的额外的一些处理字符函数。这只是MooTools字符串处理中的一部分，并不包含一些神秘的函数（比如toCamelCase()）和使用正则表达式处理字符串的函数。2009-09-09
今天继续我们的Mootools 1.2教程的第23课，我们今天来讲一下Fx插件中的Fx.Slide。通过该插件，可以让你把内容以滑动的方式显示出来。它使用起来非常简单，是你UI工具箱中一个很好的工具。2009-09-09
今天我们来看看MooTools是怎样使得过滤用户输入变得非常轻松。我们今天将讲一些基本的数字过滤，明天再更深入地讲讲字符串过滤。2009-09-09
继续我们的“更多”（More）库里面的插件教程，今天我们来学习一下可能是最流行最受欢迎的插件——手风琴。2009-09-09
今天我们来深入地学习一下如果操纵HTML元素。通过MooTools 1.2，你可以添加新元素到一个HTML页面中，也可以删除元素，以及改变任何样式或者元素参数，这些都非常容易。2009-09-09
今天我们开始第十二讲，今天我们将仔细看一下Drag.Move——一个很强大的MooTools类，它可以让你给你的web应用添加拖放功能。2009-09-09
这几天, 利用晚上的闲暇时间, 写了个mootools组件,原型来自于jQuery UI Dialog, 为防止重复,就起了名字叫mooBox.2012-01-01
最新评论