css表格行突出显示,背景闪动提示

css样式方式实现

@-webkit-keyframes errorRow{
           0%{
   	         background-color: #d97b7b;
           }
           100%{
   	        background-color: #ffffff;
           }
       }

       .errorRow{
           /*-webkit-animation: errorRow 1s ease-in-out;*/

           -webkit-animation-name: errorRow;
           -webkit-animation-duration: 1000ms;
           -webkit-animation-iteration-count: 2;
           -webkit-animation-timing-function: ease-in-out;
       }

然后给他添加上本class就好,这里是jq代码

var errorRow = $("[lay-id=detailTB]").find("tbody tr").eq(data.Index - 1);
if (errorRow.hasClass("errorRow")) {
   errorRow.removeClass("errorRow")
}
setTimeout(function () {
   errorRow.addClass("errorRow");
},300)
posted @ 2022-04-21 17:28  Homegu  阅读(157)  评论(0编辑  收藏  举报