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; } }
CSS——操作css文件的更多相关文章
- jquery 学习(五) - CSS 操作
HTML + CSS 样式 /*CSS样式*/<style> body{ margin: 0; } div{ width: 100%; height: 2000px; background ...
- jQuery DOM/属性/CSS操作
jQuery DOM 操作 创建元素 只需要把DOM字符串传入$方法即可返回一个 jQuery 对象 var obj = $('<div class="test">&l ...
- gulp实现打包js/css/img/html文件,并对js/css/img文件加上版本号
参考打包教程: http://www.cnblogs.com/tugenhua0707/p/4069769.html http://www.cnblogs.com/tugenhua0707/p/498 ...
- Rails : css或js文件无法成功预编译或调用jquery类插件时预编译问题
调用bootstrap css框架时,将bootstrap文件夹放入 vendor/assets/下 bootstrap文件结构如下: [shenma@localhost demo]$ ls v ...
- CSS 和 JS 文件合并工具
写 CSS 和 JavaScript 的时候, 我们会遇到一个两难的局面: 要么将代码写在一个大文件, 要么将代码分成多个文件. 前者导致文件难以管理, 代码复用性差, 后者则因为需要在载入多个文件令 ...
- 使用时间戳引入css、js文件
前言 最近在一家创业公司实习,主要负责新版官网和商家平台管理系统的前端开发和维护,每次测试都要上传文件到ftp服务器端测试,初期由于更新修改比较频繁,每次都是直接上传覆盖css.js.php文件,链接 ...
- gulp 之一 安装及简单CSS,JS文件合并压缩
最近研究了一下gulp构建工具,发现使用起来比grunt顺手一些.(个人感受),以下是grunt和gulp构建方式和原理: grunt 基于文件方式构建,会把文件先写到临时目录下,然后进行读文件,修改 ...
- 解决修改css或js文件后,浏览器缓存未更新问题
问题描述:最近在上线新版本项目的时候,发现有的用户的操作还是调用的老版本JS里面的内容,这样就造成原来新的JS里面加上的限制不能限制用户的操作,从而导致用户可以重复操作. 问题产生原因: 如果在用户之 ...
- JS BOM DOM对象 select联动 计时器 时间 css操作 节点(标签 ) 查找标签 {前端基础之BOM和DOM}
前端基础之BOM和DOM 前戏 到目前为止,我们已经学过了JavaScript的一些简单的语法.但是这些简单的语法,并没有和浏览器有任何交互. 也就是我们还不能制作一些我们经常看到的网页的一些交互,我 ...
随机推荐
- vue之element-ui设置全局弹出框
这样的需求,在主要功能完成后,需要进行交互效果的完善,需要给请求api的时候添加一个加载中的一个弹出框.但是每个页面每个页面过的话,会很费时间和精力,这里我们可以采用element-ui中的服务式弹出 ...
- 【数据处理】OneHotEncoder编码
原创博文,转载请注明出处! # OneHotEncoder编码 OneHotEncoder编码称为"哑编码"或"独热编码",是将表示分类的数据扩维度, ...
- NET MVC 升级到5.1后,View视图中代码报错
使用nuget将项目中MVC4 升级到MVC5,之后项目还可以正常编译运行, 但View视图中相关的很多代码都报错,比如: 1.@model找不到 2.@Html找不到,本该是System.Web.M ...
- jquery插件的2种扩展开发(jQuery.extend和jQuery.fn.extend的区别)
1.类级别 jQuery.extend(object) 类级别你可以理解为拓展jquery类,最明显的例子是$.ajax(...),相当于静态方法. 开发扩展其方法时使用$.extend方法,即jQu ...
- .NET 中的轻量级线程安全
对线程安全有要求的代码中,通常会使用锁(lock).自 .NET 诞生以来就有锁,然而从 .NET Framework 4.0 开始,又诞生了 6 个轻量级的线程安全方案:SpinLock, Spin ...
- 接口测试框架——第三篇:发送(requests)
把下面的代码放在requests_module.py文件中 # coding: utf-8 import requests import logging from requests.exception ...
- vue 中import和export如何一起使用(一)
前段时间碰到一个问题,vue js中要使用import来加载第三方的js,但是后面使用exports.XXX的话会报exports is not defined.那要怎么解决呢? 首先,我们要了解ES ...
- ORACLE 12C RMAN 功能增强
在ORACLE 12C中对rman的功能有了不少增强,在以前的文章中写过RMAN RECOVER TABLE功能,这里另外补充rman增强的两个小功能(sql语句和数据文件分割)数据库版本 SQL&g ...
- 研究ecmall一些流程、结构笔记 (转)
index.phpECMall::startup() //ecmall.php object //所有类的基础类 ecmall.phpBaseApp //控制器基础类 app.base.phpECBa ...
- IIS6自带FTP安装及配置方法
参考:http://v.huweishen.com/video/9.html ·IIS自带的FTP服务是最安全的,不会像Serv-U那样存在各种漏洞:但其配置过程也比较复杂. ·本节将以虚拟目录方式, ...