润乾——鼠标滑过改变行背景色

有背景色判断的报表设置鼠标滑过改变当前行颜色

首先客户报表中用到了背景色的条件判断if(row()%2==0,-921103,-1)效果为

然后修改，HTML事件为οnmοuseοver='changeStyle(this)'οnmοuseοut='changeBackStyle(this)'

在jsp中添加代码

function changeStyle(obj)

{

var row = obj.parentNode;

for(var i=0;i<row.cells.length;i++)

{

row.cells[i].style.background ='#0099ff';

}

function changeBackStyle(obj)

{

var row = obj.parentNode;

if(row.rn%2==0){

for(var i=0;i<row.cells.length;i++)

{

row.cells[i].style.background='#F1F1F1';

}

if(row.rn%2==1){

for(var i=0;i<row.cells.length;i++)

{

row.cells[i].style.background='white';

}

//window.alert(row);

// row.style.background ='#0099ff';

}

发布报表，则实现了鼠标离开后，背景色认为条件判断结果的需求

润乾——鼠标滑过改变行背景色相关推荐

JS实现奇偶行变色，鼠标滑上改变颜色，离开恢复颜色
JS实现奇偶行变色,鼠标滑上改变颜色,离开恢复颜色 css 奇偶行变色是通过 li:nth(odd) 和 li:nth(even) 实现的,鼠标滑上改变颜色,离开恢复颜色是通过 :hover 实现的 ...
转： GridView：当鼠标滑过，行的背景颜色发生变化
前提条件:GridView已经能正常的显示数据了! 这里我将NorthWind数据库的Category表显示出来,接着我们要是实现以下三个功能: 1.将GridView中满足CategoryID为偶数 ...
CSS鼠标滑过改变样式颜色
<style>div{width: 200px;height: 200px;float: right;background-color: red;}div:hover{width: 300 ...
php鼠标点击图片后换图片,鼠标滑过改变图片
jQuery中attr()函数不支持delay函数控制延迟,把attr函数加在animate的回调函数中 jQuery(function(){ jQuery('.avia_p_w_picpath'). ...
html 鼠标滑过后改变文字,html+CSS实例效果(1):鼠标滑过改变文字
blueidea ul.nav li{display:block;float:left;width:60px;height:30px;line-height:30px;padding:0 10px;} ...
php鼠标经过显示文本,CSS_HTML和CSS做网页实例教程:鼠标滑过文字改变，关于HTML+CSS的实例效果很多， - phpStudy...
关于HTML+CSS的实例效果很多,下面举出常用的几列,供新手们学习参考. html+CSS实例效果(1):鼠标滑过改变文字鼠标经过变换文字 #Menu{ width:500px; margin:5 ...
鼠标划过表格行变色效果JS
 <script type="text/javascript"> /* 当鼠标移到表格上是,当前一行 ...
使用NG-ZORRO（Angular 组件库）中Table组件，通过columnTable属性固定列，结果每行数据内容穿透了两遍的固定列；鼠标滑过该条数据时，两侧固定列的背景色不跟着改变～
[问题] 使用NG-ZORRO(Angular 组件库)中Table组件,通过#columnTable属性固定列,结果每行数据内容穿透了两遍的固定列(因为是刚开始做这个项目,所以盲猜是之前某位同仁搞个 ...
鼠标滑过GridView的数据行时修改行的背景颜色
基本原理可以参考另一篇文章:鼠标滑过table时修改表格行的背景颜色下面是针对GridView实现该效果的代码:就是编写GridView控件的RowDataBound事件的代码. 1 protect ...

润乾——鼠标滑过改变行背景色

润乾——鼠标滑过改变行背景色相关推荐

最新文章

热门文章