var DS;
DS = CallIVRAjaxClass.GetBranchCallCount().value;
var obj = {};
obj.branch = "_branch";
obj.count = "_count";
if (DS != null && typeof (DS) == "object" && DS.Tables != null) {
if (DS.Tables[0].Rows.length > 0) {
for (var i = 0; i < DS.Tables[0].Rows.length; i++) { var MapDiv = document.getElementById("MapDiv");
var MapImg = document.createElement("img");//开始创建一个img标签
MapImg.name = "imgMap";//开始赋值一些必要属性,其中alt和src必须要有
MapImg.alt = "";
MapImg.src = "";
MapImg.style.position = "absolute";//由于我是用于图片叠加,所以用了绝对定位,
MapDiv.appendChild(MapImg);//将这个创建好的追加到div容器里面 var _count = DS.Tables[0].Rows[i][obj.count]; //去处当前obj.count值的数据
var ImagePath = "image/" + DS.Tables[0].Rows[i][obj.branch] + "_"; //提前设置好路径和图片前半部分的名字
var _Map = document.getElementsByName("imgMap")[i]; //根绝name值找到当前img标签

              //下面判断当前取出来的值来确定图片。注:png格式才可以有透明属性
var str = "";
if (_count == 0) {
//_Map.src = ImagePath +
str = i + ".png";
} else if (_count >= 1 && _count <= 5) { str = i + ".png"; } else if (_count >= 6 && _count <= 10) {
str = i + ".png"; } else if (_count >= 11 && _count <= 20) {
str = i + ".png"; } else if (_count >= 21 && _count <= 30) {
str = i + ".png"; } else {
str = i + ".png"; } // //测试留
// str = ""; _Map.src = ImagePath + str;//循环给img标签src属性值,由于我要放的图片是部分透明的,所有叠加在一起是刚刚好
}
}
}

  

最新文章

  1. JS学习(二)
  2. HDU-4614 Vases and Flowers (线段树区间更新)
  3. HDFS dfsclient写文件过程 源码分析
  4. c#基础------------静态类与非静态类
  5. HLG 1400 汽车比赛
  6. apache也可以做负载均衡,跟nignx的区别是什么?
  7. 如何在tomcat启动的时候运行一个Java类
  8. 命令查看服务器SN号
  9. 搭建ElasticSearch+MongoDB检索系统
  10. 初识 Runtime
  11. 修改ZendStudio新建php文件时的模板
  12. webpack的常识概念
  13. webpack踩坑--webpack 2.x升级至4.x
  14. caffe调loss方法
  15. Python 学习书籍推荐
  16. jq+download+文件夹下载
  17. nginx的一次跨域处理
  18. PAT B1013 数素数 (20 分)
  19. jquery validate验证方法
  20. IDEA重写toString()模板,转成json格式

热门文章

  1. 虚拟环境及venv和virtualenv
  2. DCL单例模式中的缺陷及单例模式的其他实现
  3. php 之批量生成 mysql 语句 注释
  4. 【软件配置】JDK+AndroidStudio4.1开发安卓APP环境安装和配置教程详细
  5. 机器学习-logistic对数回归求参数,画散点图以及分割线
  6. MySQL全面瓦解11:子查询和组合查询
  7. 连续子数组的和的绝对值的最大值、最小值(非绝对值的话直接dp动态规划)
  8. OpenCV之图像归一化(normalize)
  9. linux命令查看日志
  10. 【鸿蒙开发板试用报告】用OLED板实现FlappyBird小游戏(上)