-
-
3516853030 小试身手Lv3
发表于2021-3-24 17:42
楼主
本帖最后由 3516853030 于 2021-3-24 17:46 编辑
1.需求描述
如上图所示，如何实现第三列 小于10 或 大于90 范围内的数据闪烁或变色的效果呢？
2.实现方法
需求要实现的是分析表内文本颜色的定时改变效果，可以通过脚本进行处理
复制代码(1) 如果是10-90范围内，可以修改if内的代码：if(nstr>min && nstr<max )
(2) 闪烁效果是把代码第二行的颜色改成了和背景色一样的白色达成的效果，如果是变色效果，可以试试var color="red|blue|green";
3.效果展示
1.需求描述
如上图所示，如何实现第三列 小于10 或 大于90 范围内的数据闪烁或变色的效果呢？
2.实现方法
需求要实现的是分析表内文本颜色的定时改变效果，可以通过脚本进行处理
- function changeColor(){
- var color="red|white";
- color=color.split("|");
- var tr=$("div[id=GRID1] tr");//分析表
- var lie=3;//第三列
- var max=90;
- var min=10;//变色范围阀值
- var spancolor=color[parseInt(Math.random() * color.length)];
- for(i=0;i<tr.length;i++)
- {
- var dm=tr[i].children[lie-1];
- var str=dm.firstChild.innerText;
- var nstr=str.substr(0, str.length - 1);
- if(nstr<min || nstr>max )
- {
- dm.style.color=spancolor;
- }
- }
- }
- setInterval("changeColor()",400);//定时变色
(2) 闪烁效果是把代码第二行的颜色改成了和背景色一样的白色达成的效果，如果是变色效果，可以试试var color="red|blue|green";
3.效果展示
