HTML 事件 -- 鼠标移入高亮显示


|
需求:

     鼠标移入某个单元格时高亮显示该格。(实例报表中同时设有隔行变色)

    下面以润乾报表 5 自带报表实例【订单.rpx】为例,实现 鼠标移入高亮显示

   

    实现如上需求需要单元格 HTML 事件 + 自定义 js 方法结合使用, 下面我们对 A2 单元格设置鼠标移入高亮显示

    1. 在报表展现界面中定义 js 方法:

      <script>

           function MIC(cell){

                 cell.style.backgroundColor="red";

           }

         function RMC(cell){

                var row =cell.parentNode.rowIndex;

               if (row%2!=0){

                      cell.style.backgroundColor="rgb(241,245,250)";

                }

              else

                 {cell.style.backgroundColor="";}

        }  

    </script>

    注:此代码放在 jsp 界面最后标签下即可

   2. 报表中给 A2 单元格定义 HTML 事件  如下图:   

  

设置后确认保存  鼠标移入移出效果如下图:

|

以下是广告时间

对润乾产品感兴趣的小伙伴,一定要知道软件还能这样卖哟性价比还不过瘾? 欢迎加入好多乾计划。
这里可以低价购买软件产品,让已经亲民的价格更加便宜!
这里可以销售产品获取佣金,赚满钱包成为土豪不再是梦!
这里还可以推荐分享抢红包,每次都是好几块钱的巨款哟!
来吧,现在就加入,拿起手机扫码,开始乾包之旅



嗯,还不太了解好多乾?
猛戳这里
玩转好多乾