设置等级对照表的表格

h5部分

js部分

// 经验值
       var num = 30
       // 获取table节点
       var dome = document.getElementById('tabid1')
       var html =
           '<tr class="height_80"><th width="10%">等级</th><th width="75%">图标</th><th width="15%">经验值</th>';
       var mimg;
       for (let i = 1; i <= 64; i++) {
           mimg = '';
           // /img/icon_xx.png 星星
           // /img/icon_yl.png 月亮
           // /img/icon_hg.png 皇冠
           if(i==1)mimg += '<img src="./img/icon_xx.png">';
           if(i==2)mimg += '<img src="./img/icon_xx.png"><img src="./img/icon_xx.png">';
           if(i==3)mimg += '<img src="./img/icon_xx.png"><img src="./img/icon_xx.png"><img src="./img/icon_xx.png">';
           if(i<16 && i>3){
               if(i%4==0){
                   mimg += '<img src="./img/icon_yl.png">';
               }
               for (let j = 1; j < i/4; j++) {mimg += '<img src="./img/icon_yl.png">';}
               if(i%4==1){mimg += '<img src="./img/icon_xx.png">';}
               if(i%4==2){mimg += '<img src="./img/icon_xx.png"><img src="./img/icon_xx.png">';}
               if(i%4==3){mimg += '<img src="./img/icon_xx.png"><img src="./img/icon_xx.png"><img src="./img/icon_xx.png">';}
           }
           if(i==16){
               mimg ='<img src="./img/icon_hg.png">'
           }
           if(i==32){
               mimg ='<img src="./img/icon_hg.png">'
           }
           if(i==48){
               mimg ='<img src="./img/icon_hg.png">'
           }
           if(i==64){
               mimg ='<img src="./img/icon_hg.png"><img src="./img/icon_hg.png"><img src="./img/icon_hg.png"><img src="./img/icon_hg.png">'
           }
           if(i>16 && i<=63){
               for (let j = 0; j < i/16-1; j++) {
                   mimg += '<img src="./img/icon_hg.png">';
               }
               if(i>16 && i<32){
                   for (let j = 0; j < parseInt(i/4-4); j++) {mimg += '<img src="./img/icon_yl.png">';}
               }
               if(i>32 && i<48){
                   if(i%4==0){
                       mimg += '<img src="./img/icon_yl.png">';
                   }
                   for (let j = 0; j < i/4-9; j++) {mimg += '<img src="./img/icon_yl.png">';}
               }
               if(i>48 && i<64){
                   if(i%4==0){
                       mimg += '<img src="./img/icon_yl.png">';
                   }
                   for (let j = 0; j < i/4-13; j++) {mimg += '<img src="./img/icon_yl.png">';}
               }
               if(i%4==1){mimg += '<img src="./img/icon_xx.png">';}
               if(i%4==2){mimg += '<img src="./img/icon_xx.png"><img src="./img/icon_xx.png">';}
               if(i%4==3){mimg += '<img src="./img/icon_xx.png"><img src="./img/icon_xx.png"><img src="./img/icon_xx.png">';}

           }
           html += '<tr class="height_50"><td>' + i + '</td><td>'+mimg+'</td><td>' + num + '</td></tr>'
           num = num*2
       }
       dome.innerHTML = html;

设置等级对照表的表格相关推荐

Markdown更改字体、颜色、大小，设置文字背景色，调整图片大小设置居中，插入表格等方法
Markdown更改字体.颜色.大小,设置文字背景色,调整图片大小设置居中,插入表格等方法 Markdown 通过简单标记语法,使普通文本内容具有一定格式.但它本身不支持修改字体.字号与颜色等功能的. ...
计算机考试设置背景音乐,给Excel表格添加背景音乐
平常老是用Excel 来大量处理表格,看久了总让人觉得乏味.如果在编辑Excel2003 表格时能自动播放一些优美的背景音乐那感觉应该很不错吧.本文要介绍的就是这么一种可以简单快速地为Excel200 ...
C#/VB.NET 设置PDF跨页表格重复显示表头行
在创建表格时,如果表格内容出现跨页显示的时候,默认情况下该表格的表头不会在下一页显示,在阅读体验上不是很好.下面分享一个方法如何在表格跨页时显示表格的表头内容,在C#中只需要简单使用方法 grid.R ...
BIOS设置中英文对照表
====BIOS界面基础项中英文对照表=== MB Intelligent Tweaker(M.I.T)(频率/电压控制) Standard CMOS Features(标准CMOS设置) Advan ...
ecplise插入图片太大_【Excel里插入图片时很大怎么办？我想把他设置成自动适应表格的大小。】excel图片固定大小...
excel插入自适应单元格大小图片 excel入的图片可以设置自适应单元格大小而变化,具体操作如下: 一.使具:excel2010 二.操作步骤: 1.进入excel2010,点击"插入&q ...
计算机bios设置中英文翻译,主板BIOS界面全英文翻译分享一个主板BIOS设置英文对照表大全...
我们经常会使用主板BIOS,例如设置CPU超频.硬件电压.开机硬盘启动项等等.我们一般是开机之后,就按"Delete键"进行BIOS,不少用户进入到主板BIOS就傻眼了,全英文界面 ...
Latex设置字体大小及表格中的文字大小等
参考 Latex设置字体大小及表格中的文字大小等 - 云+社区 - 腾讯云 Latex中遇到表格超出半个分栏的情况,可以考虑将表格中的字体设小来解决,方法如下: \begin{table}[h]\t ...
python 设置 word中所有表格样式（行间距、缩进、字体、字号、颜色、磅值）
项目场景: 提示:这里简述项目相关背景: 例如:客户要求设置word 中所有表格的样式,包括行间距.缩进.字体.字号.颜色.磅值等. 问题描述提示:RPA没有这么多的操作命令,只能靠python的w ...
【Axure高保真原型】自动设置页码的中继器表格模板
今天和大家分享自动设置页码的中继器表格模板原型模板,该原型模板由中继器制作,使用时只需要填写好中继器表格,即可自动生成交互效果,包括增.删.改.查.筛选.分页.翻页.统计等高保真交互效果,页码能根据表 ...

设置等级对照表的表格

设置等级对照表的表格相关推荐

最新文章

热门文章