zoukankan      html  css  js  c++  java
  • 动态改变引入的CSS文件

            window.onload = function(){
                setLineTextFrontWidth();
            }
            function setLineTextFrontWidth(){
                var curTotalWidth = (document.documentElement.clientWidth == 0) ? document.body.clientWidth : document.documentElement.clientWidth;
                if(curTotalWidth<=100){ return; }
                curTotalWidth = curTotalWidth - 100;
                var classes = document.styleSheets[0].rules || document.styleSheets[0].cssRules;
                var hasChangeL1 = false;
                var hasChangeL2 = false;
                for(var x=0;x<classes.length;x++) {
                    if( classes[x].selectorText=='.LineText1Front' ) {
                        hasChangeL1 = true;
                           classes[x].style.width = '' + curTotalWidth + 'px';
                    }else if(classes[x].selectorText=='.LineText2Front'){
                        hasChangeL2 = true;
                           classes[x].style.width = '' + curTotalWidth + 'px';
                    }
                    if( hasChangeL1 && hasChangeL2 ){
                        break;
                    }
                }
            }

    再优化一次多分辨率CSS模式及窗口改变也进行处理 


        window.onload = function(){
                setLineTextFrontWidth();
            }
            window.onresize = function(){
                setLineTextFrontWidth();
            }
    function setLineTextFrontWidth(){
        var curTotalWidth = (document.documentElement.clientWidth == 0) ? document.body.clientWidth : document.documentElement.clientWidth;
        if(curTotalWidth<=100){ return; }
        var vFontWidth = curTotalWidth - 100;
        var classes = document.styleSheets[0].rules || document.styleSheets[0].cssRules;
        if(curTotalWidth>=1024){
            setLineTextFrontWidthByMinWidth(classes,vFontWidth,1024);
        }else{
            setLineTextFrontWidthStyle(classes,vFontWidth);
        }
    }
    function setLineTextFrontWidthStyle(vClass,vWidthPx){
        for(var x=0;x<vClass.length;x++) {
            if( vClass[x].selectorText=='.LineText1Front' || vClass[x].selectorText=='.LineText2Front' ) {
                    vClass[x].style.width = '' + vWidthPx + 'px';
            }
        }
    }
    function setLineTextFrontWidthByMinWidth(vClass,vWidthPx,vMinWidth){
        for(var x=0;x<vClass.length;x++) {
            if (vClass[x].type == '4' && vClass[x].media.mediaText == 'only screen and (min- '+vMinWidth+'px)') {
                 var classes = vClass[x].rules || vClass[x].cssRules;
                 setLineTextFrontWidthStyle(classes,vWidthPx);
                 break;
             }
        }

    } 

  • 相关阅读:
    【源码笔记】BlogEngine.Net 中的权限管理
    Asp.Net MVC 分页、检索、排序整体实现
    AngularJS 初印象------对比 Asp.net MVC
    Asp.Net MVC Filter 实现方式和作用范围控制
    上传图片压缩+水印(文字、图片)+验证码
    2014年及五年计划
    【读书笔记】Asp.Net MVC 上传图片到数据库(会的绕行)
    VS2012 生成事件
    CSS position绝对定位absolute relative
    CSS兼容性解决方法!important的IE7,Firefox问题
  • 原文地址:https://www.cnblogs.com/abinxm/p/2456971.html
Copyright © 2011-2022 走看看