美文网首页
js实现异色显示

js实现异色显示

作者: keaidelele | 来源:发表于2017-06-26 22:52 被阅读9次
<script type="text/javascript">
            document.write("<tr><td>");
            var seq = '{{$ProDes[0]}}';
            var pss_pre = '{{$pss_pre}}';
            var i;
            for (i =1;i<seq.length;i++){
                document.write(seq[i-1]);
                if(i%60==0){
                    document.write('</td><td>'+i.toString()+'</td></tr><tr><td>');
                    var k = 60;
                    while(k--) {
                        if(pss_pre[i-k]=="C"){
                            document.write('<span style="padding:0;color: #cb2027">'+pss_pre[i - k]+'</span>');
                        }
                        else if (pss_pre[i-k]=="E"){
                            document.write('<span style="padding:0;color: #00a7d0">'+pss_pre[i - k]+'</span>');
                        }else{
                            document.write('<span style="padding:0;color: #00a65a">'+pss_pre[i - k]+'</span>');
                        }
                       if((i-k)%10==0){
                            document.write('  ');
                        }
                    }
                    document.write('</td><td></td></tr><tr><td>');
                }
                else if (i%10==0){
                    document.write('  ');
                }
            }
            document.write('</td><td>'+seq.length.toString()+'</td></tr><tr><td>');
            var k = ;
            while(k--) {
                if(pss_pre[i-k]=="C"){
                    document.write('<span style="padding:0;color: #cb2027">'+pss_pre[i - k]+'</span>');
                }
                else if (pss_pre[i-k]=="E"){
                    document.write('<span style="padding:0;color: #00a7d0">'+pss_pre[i - k]+'</span>');
                }else{
                    document.write('<span style="padding:0;color: #00a65a">'+pss_pre[i - k]+'</span>');
                }
                if((i-k)%10==0){
                    document.write('  ');
                }
            }
            document.write('</td><td></td></tr>');
        </script>
QQ图片20170626145200.png

相关文章

  • js实现异色显示

  • 下拉菜单的4种解法

    Html + Css 默认不显示,指针经过就显示 js 自己实现 定义两个方法 html调用 jquery 实现 ...

  • js实现简单弹幕并滚动

    1.首先创建弹幕框架 实现弹幕输入和显示 2.js实现输出

  • 黑塔学院异色疯子会(二)

    黑塔学院异色疯子会 cp:异色仏英BO,异色黯葵BB,异色露米AA,异色伊独AB 设定:ABO架空学院非国设,不定...

  • 2020-08-22

    空不异色,色不异空…

  • 异色

    醒来,持续的走进一种状态,睁眼,闭眼,车票在右边的口袋。但是镜片的中央,变了。 玻璃的后面除了飘动的黑色,偶尔会有...

  • 异色

    由于琐事喧闹,故等到了下午两点多,才去的图书馆,坐到了4层的一方高处,对着两扉明亮的窗。 偏左的一窗离我近些,望见...

  • 异色

    今天的写作主题是:异色,你在自然界发现的,但水彩笔里没有的颜色。 看到这个主题的那一刻,有点蒙圈。异色,难道还有什...

  • 异色

    在我眼里 水墨画是水彩画的异色 写意画是工笔画的异色 琵琶是吉他的异色 二胡是小提琴的异色 筷子是刀叉的异色 毛笔...

  • 微信小程序实现某个关键字高亮显示

    微信小程序实现某个关键字高亮显示 需求: 实现对列表搜索的关键字进行高亮显示 js wxml wxs ---公共的...

网友评论

      本文标题:js实现异色显示

      本文链接:https://www.haomeiwen.com/subject/swcscxtx.html