使用Mootools动态添加Css样式表代码,兼容各浏览器
来源:互联网 发布:专业处理淘宝售假申诉 编辑:程序博客网 时间:2024/06/07 06:03
这个函数很有用处,尤其是当我们在使用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内均已测试过,可以放心使用.
0 0
- 使用Mootools动态添加Css样式表代码,兼容各浏览器
- css样式表浏览器兼容
- jquery动态加载css样式 浏览器兼容处理
- 使用JavaScript动态添加CSS样式规则
- JS函数动态添加CSS样式表
- 兼容主流浏览器的半透明css样式
- css样式兼容不同浏览器问题
- CSS样式兼容不同浏览器的问题
- css样式兼容不同浏览器问题解决办法
- css样式兼容不同浏览器问题
- 兼容IE浏览器的css样式
- sublime text 配置自动前缀插件Autoprefixer 使用配置方法浏览器兼容css样式
- 编写跨浏览器兼容的 CSS 代码
- 编写跨浏览器兼容的 CSS 代码
- 添加收藏代码兼容火狐浏览器
- css半透明兼容各浏览器
- CSS各浏览器兼容方法
- 在Css样式表中添加javascript,实现动态效果
- Mootools 1.4.1操作多个节点及其与jquery的差异
- Mootools 1.4 官方网站的API使用说明存在错误
- Mootools 1.4中取得索引值的方法,类似jquery的Element.index()
- Mootools1.41的API翻译工作已经启动了,SVN已经搭建ok,感兴趣的欢迎加入
- 使用Javascript接收get传递的值
- 使用Mootools动态添加Css样式表代码,兼容各浏览器
- 分享一下Blackhand
- New Laptop - "check media fail" and then "No bootable devices"
- 分享一個用Mootools剛寫的小玩意
- suddenly backBai Dao
- 用Mootools获得操作索引的两种方法
- Cordova(PhoneGap)体系结构(Android)
- 背景图跟随鼠标移动的Mootools插件
- that the proud day s