CSS——操作css文件

//动态 css文件内容。 修改鼠标经过时行、单元格的背景颜色
function header_rowOrcell_over(divGrid) {
    var gridopts = divGrid.data("PartConfig");
    var customStyle = gridopts.customStyle;
    var easyuiCss= $("body").data("easyuiCss");
    var overCss = $("body").data("overCss");  //获取光标的样式
    var selectedCss = $("body").data("selectedCss");  //选中行的样式
    if (!easyuiCss) { //之前没有保存 easyui.css 相关的内容,则获取
        var styleSheetArr = document.styleSheets;
        var styleSheet = null;
        for (var i = 0; i < styleSheetArr.length; i++) {
            if (styleSheetArr[i].href.indexOf("/cwbase/bi/binewweb/Styles/themes/metro/easyui.css") > -1) {  //获取 保存 easyui.css 文件内容的对象。
                styleSheet = styleSheetArr[i];
                break;
            }
        }

        easyuiCss = styleSheet.cssRules;
        $("body").data("easyuiCss", easyuiCss);
    }
    if (!overCss || !selectedCss) {   //之前没有保存,则获取
        for (var i = 0; i < easyuiCss.length; i++) {
            if (easyuiCss[i].selectorText.indexOf(".datagrid-header td.datagrid-header-over") > -1) {
                overCss = easyuiCss[i];
                $("body").data("overCss", overCss);
                if ($("body").data("selectedCss")) {    //selectedCss 也已经获取
                    break;
                }
            }
            if (easyuiCss[i].selectorText.indexOf(".datagrid-row-selected") > -1) {
                selectedCss = easyuiCss[i];
                $("body").data("selectedCss", selectedCss);
                if ($("body").data("overCss")) {    //overCss 也已经获取
                    break;
                }
            }
        }
    }
    if (customStyle.headerBackColorOver) {
        overCss.style.backgroundColor = customStyle.headerBackColorOver;
    }
    if (customStyle.rowSelectBackColor) {
        selectedCss.style.backgroundColor = customStyle.rowSelectBackColor;
    }

}

//动态 css文件内容。 修改鼠标经过时行、单元格的背景颜色function header_rowOrcell_over(divGrid) {    var gridopts = divGrid.data("PartConfig");    var customStyle = gridopts.customStyle;    var easyuiCss= $("body").data("easyuiCss");    var overCss = $("body").data("overCss");  //获取光标的样式    var selectedCss = $("body").data("selectedCss");  //选中行的样式    if (!easyuiCss) { //之前没有保存 easyui.css 相关的内容,则获取        var styleSheetArr = document.styleSheets;        var styleSheet = null;        for (var i = 0; i < styleSheetArr.length; i++) {            if (styleSheetArr[i].href.indexOf("/cwbase/bi/binewweb/Styles/themes/metro/easyui.css") > -1) {  //获取 保存 easyui.css 文件内容的对象。                styleSheet = styleSheetArr[i];                break;            }        }
        easyuiCss = styleSheet.cssRules;        $("body").data("easyuiCss", easyuiCss);    }    if (!overCss || !selectedCss) {   //之前没有保存,则获取        for (var i = 0; i < easyuiCss.length; i++) {            if (easyuiCss[i].selectorText.indexOf(".datagrid-header td.datagrid-header-over") > -1) {                overCss = easyuiCss[i];                $("body").data("overCss", overCss);                if ($("body").data("selectedCss")) {    //selectedCss 也已经获取                    break;                }            }            if (easyuiCss[i].selectorText.indexOf(".datagrid-row-selected") > -1) {                selectedCss = easyuiCss[i];                $("body").data("selectedCss", selectedCss);                if ($("body").data("overCss")) {    //overCss 也已经获取                    break;                }            }        }    }    if (customStyle.headerBackColorOver) {        overCss.style.backgroundColor = customStyle.headerBackColorOver;    }    if (customStyle.rowSelectBackColor) {        selectedCss.style.backgroundColor = customStyle.rowSelectBackColor;    }    }

时间: 2024-10-19 15:33:53

CSS——操作css文件的相关文章

jquery 学习(五) - CSS 操作

HTML + CSS 样式 /*CSS样式*/<style> body{ margin: 0; } div{ width: 100%; height: 2000px; background-color: aquamarine; margin: 0; } .a1{ position: fixed; right: 20px; bottom: 20px; width: 90px; height: 30px; background-color: darkgoldenrod; color: white;

gulp实现打包js/css/img/html文件,并对js/css/img文件加上版本号

参考打包教程: http://www.cnblogs.com/tugenhua0707/p/4069769.html http://www.cnblogs.com/tugenhua0707/p/4982646.html http://www.tuicool.com/articles/viequay 实现要点: 1.如何运行gulp的任务,加入新建好一个如下任务: // 语法检查 gulp.task('jshint', function () { gulp.src('js/**/*.js') .p

Rails : css或js文件无法成功预编译或调用jquery类插件时预编译问题

调用bootstrap css框架时,将bootstrap文件夹放入 vendor/assets/下 bootstrap文件结构如下:    [[email protected] demo]$ ls vendor/assets/bootstrap/     css  img  js [[email protected] demo]$ ls vendor/assets/bootstrap/css/     bootstrap.css  bootstrap.min.css  bootstrap-re

【Node.js基础篇】(五)使用mime模块来响应css、js文件的请求

1.概述 上一篇中我们实现了客户端的路由请求,包括直接使用js返回内容响应和使用html文件响应,但上一篇中最后的显示结果只是一个很普通的html文件,不能使用css样式和js文件,今天我们就通过设置响应文件的mime类型来实现不同文件的响应. 文章会先介绍什么是mime类型,然后介绍两种设置mime类型的方法,第一种是通过后缀名判断文件类型,从而进行响应:第二种是使用第三方mime模块进行响应. 示例是在上一篇的基础上扩展的. 2.mime类型简介 MIME(Multipurpose Inte

CSS 和 JS 文件合并工具

写 CSS 和 JavaScript 的时候, 我们会遇到一个两难的局面: 要么将代码写在一个大文件, 要么将代码分成多个文件. 前者导致文件难以管理, 代码复用性差, 后者则因为需要在载入多个文件令页面性能下降. 我们期望可以将代码细分成多个模块, 而在使用的时候可以合而为一. 本文会介绍一个 CSS 和 JS 的合并工具, 对模块化的文件进行管理. CSS 和 JS 合并工具的发展 对于 CSS/JS 合并和压缩的问题, 有很多解决方案, 我所在的团队也经历了几个阶段. 网站刚刚搭建的时候,

js操作css样式和class

Javascript 操作 Style document.getElementById("id1").style.fontFamily = "Geneva"; document.getElementById("id1").style.fontSize = "14px"; 注意:CSS 属性自身是 camelCased 的大小写是驼峰式的,即第一个词的首字小写,随后的每个词首字大写,而不是用连字符“-”进行连接的;如 利用Jav

利用javascript实现css操作

在很多情况下,都需要对网页上元素的样式进行动态的修改.在JavaScript中提供几种方式动态的修改样式,下面将介绍方法的使用.效果.以及缺陷. 1.使用obj.className来修改样式表的类名. 2.使用obj.style.cssTest来修改嵌入式的css. 3.使用obj.className来修改样式表的类名. 4.使用更改外联的css文件,从而改变元素的css 下面是一段html代码和css代码用来解释上面方法的区别的. CSS .style1{margin:10px auto ;b

JQuery属性与样式——样式操作.css()和元素数据的存储.data()

样式操作.css()和元素数据的存储.data() 1   .css()方法用于获取元素样式属性的计算值或者设置元素的css属性 2   .css()获取元素样式属性的计算值的2种方法 .css(propertyName)获取匹配元素集合中的第一个元素的样式属性的计算值 .css(propertyNames)传递一组数组,返回一个对象结果 3    .css()设置元素的css属性的3种方法 .css(propertyName,value)设置css .css(propertyName,func

css js 外部文件

1.css js文件 在notepad 写 css js,文件名的命名 .js 和.css 团队合作:jsJson 格式 var jsJson = function(){ function1 function2 } 2.导入js文件和css文件 css: <link rel="stylesheet" type ="text/css" href = "../css/login.css"> js: <script type=&quo