js动态调用CSS文件代码

<script type="text/网页特效" language="网页特效">
var _sn = ["df/common", "df/home2010"];
var _su = "http://www.111cn.net/skin/";
var swidth = screen.width; var _se, _st;
for (i in _sn) {
_se = document.createelement("link");
_se.type = "text/css教程";
_se.rel = "stylesheet";
if (swidth >= 1280) {
_st = _su + _sn[i] + ".w.css";
} else {
_st = _su + _sn[i] + ".css";
}
_se.href = _st;
document.getelementsbytagname("head")[0].appendchild(_se);
}
</script>

时间: 2024-10-06 07:20:27

js动态调用CSS文件代码的相关文章

js动态调用css属性的小规律

 本篇文章主要介绍了js动态调用css属性的小规律及实例说明.需要的朋友可以过来参考下,希望对大家有所帮助 刚才看到一篇好的文章介绍js调用css属性,( ^_^ )不错嘛!免的自己忘记,总结一下   1.对于没有中划线的css属性一般直接使用style.属性名即可.   如:obj.style.margin,obj.style.width,obj.style.left,obj.style.position等.   2.对于含有中划线的css属性,将每个中划线去掉并将每个中划线后的第一个字符换成

js 动态修改css文件的方法_javascript技巧

_.find(document.styleSheets[4].cssRules,function(cssRule){ if(cssRule.selectorText && cssRule.selectorText.indexOf(".navbar-fixed-top2")>-1){ cssRule.style.position=""; cssRule.style.top = "0px"; } if(cssRule.selec

js动态调用css属性的小规律及实例说明_javascript技巧

刚才看到一篇好的文章介绍js调用css属性,( ^_^ )不错嘛!免的自己忘记,总结一下 1.对于没有中划线的css属性一般直接使用style.属性名即可. 如:obj.style.margin,obj.style.width,obj.style.left,obj.style.position等. 2.对于含有中划线的css属性,将每个中划线去掉并将每个中划线后的第一个字符换成大写即可. 如:obj.style.marginTop,obj.style.borderLeftWidth,obj.st

js 动态修改css文件用到了cssRule_javascript技巧

_.find(document.styleSheets[4].cssRules,function(cssRule){ if(cssRule.selectorText && cssRule.selectorText.indexOf(".navbar-fixed-top2")>-1){ cssRule.style.position=""; cssRule.style.top = "0px"; } if(cssRule.selec

动态调用CSS文件的JS代码_javascript技巧

复制代码 代码如下: <script type="text/javascript" language="javascript"> var _sn = ["df/common", "df/home2010"]; var _su = "http://www.jb51.net/skin/"; var Swidth = screen.width; var _se, _st; for (i in _sn)

动态调用css文件——jquery的应用_jquery

算是翻译吧,原文:http://15daysofjquery.com/style-sheet-switcheroo/12/ 可以应用的范围很广,尤其是用标准构架的网站,比如说pjblog就可以,只要通过简单的点击,就可以让网站在瞬间换个皮肤,当然可以通过其他方法实现,这里通过jquery来实现,优点是代码简洁,可读性强首先放上代码 复制代码 代码如下: $(document).ready(function() {         $('.styleswitch').click(function(

用JS动态设置CSS样式常见方法小结(推荐)_javascript技巧

用JS来动态设置CSS样式,常见的有以下几种 1. 直接设置style的属性 某些情况用这个设置 !important值无效 如果属性有'-'号,就写成驼峰的形式(如textAlign) 如果想保留 - 号,就中括号的形式 element.style['text-align'] = '100px'; element.style.height = '100px'; 2. 直接设置属性(只能用于某些属性,相关样式会自动识别) element.setAttribute('height', 100);

下面是一段css文件代码,请问大神~是什么意思!谢谢

问题描述 下面是一段css文件代码,请问大神~是什么意思!谢谢 .mui-content { background-color: #efeff4; -webkit-overflow-scrolling: touch; } .mui-bar-nav ~ .mui-content { padding-top: 44px; } 解决方案 webkit内核独有属性,其他浏览器不支持,允许独立的滚动区域和触摸回弹http://zhidao.baidu.com/link?url=4B2rCIqCbFTApJ

js异步动态加载js与css文件代码

 jquery动态加载css,js文件方法简单很, 例 方法1: 代码如下 $.getscript("test.js"); 方法2: 代码如下 function loadjs(file){  var head = $('head').remove('#loadscript');  $("<scri"+"pt>"+"</scr"+"ipt>").attr({src:file,type: