用来显示实时红黄绿小灯的div

<!--红黄绿显示最新数据的隐藏div-->
<div id="color1" style=" position: absolute;width: 120px;height: 160px;margin-left:540px;margin-top:190px;display:none;border:solid 2px #AC8F73;background-color:white;z-index:999">
    <div class="cc" ><div id="cc11"class="odiv"></div><span class="ctext" style="margin-left: 10px">温度</span><span id="cnumber11" class="cnumber" ></span></div>
    <div class="cc" ><div id="cc12"class="odiv"></div><span class="ctext" style="margin-left: 10px">湿度</span><span id="cnumber12" class="cnumber" ></span></div>
    <div class="cc" ><div id="cc13"class="odiv"></div><span class="ctext" style="margin-left: 10px">风力</span><span id="cnumber13" class="cnumber" ></span></div>
    <div class="cc" ><div id="cc14"class="odiv"></div><span class="ctext" style="font-size: 12px" >PM2.5质量</span><span id="cnumber14" class="cnumber" style="font-size: 12px" ></span></div>
    <div class="cc" ><div id="cc15"class="odiv"></div><span class="ctext" style="font-size: 12px">人口密度</span><span id="cnumber15" class="cnumber"style="font-size: 12px" ></span></div>
</div>
<div id="color2" style=" position: absolute;width: 120px;height: 160px;margin-left:530px;margin-top:380px;display: none;border:solid 2px #AC8F73;background-color:white;z-index:999">
    <div class="cc" ><div id="cc21"class="odiv"></div><span class="ctext" style="margin-left: 10px">温度</span><span id="cnumber21" class="cnumber" ></span></div>
    <div class="cc" ><div id="cc22"class="odiv"></div><span class="ctext" style="margin-left: 10px">湿度</span><span id="cnumber22" class="cnumber" ></span></div>
    <div class="cc" ><div id="cc23"class="odiv"></div><span class="ctext" style="margin-left: 10px">风力</span><span id="cnumber23" class="cnumber" ></span></div>
    <div class="cc" ><div id="cc24"class="odiv"></div><span class="ctext" style="font-size: 12px">PM2.5质量</span><span id="cnumber24" class="cnumber" style="font-size: 12px"></span></div>
    <div class="cc" ><div id="cc25"class="odiv"></div><span class="ctext" style="font-size: 12px">人口密度</span><span id="cnumber25" class="cnumber"style="font-size: 12px" ></span></div>
</div>
<div id="color3" style=" position: absolute;width: 120px;height: 160px;margin-left:1070px;margin-top:190px;display: none;border:solid 2px #AC8F73;background-color:white;z-index:999">
    <div class="cc" ><div id="cc31"class="odiv"></div><span class="ctext" style="margin-left: 10px">温度</span><span id="cnumber31" class="cnumber" ></span></div>
    <div class="cc" ><div id="cc32"class="odiv"></div><span class="ctext" style="margin-left: 10px">湿度</span><span id="cnumber32" class="cnumber" ></span></div>
    <div class="cc" ><div id="cc33"class="odiv"></div><span class="ctext" style="margin-left: 10px">风力</span><span id="cnumber33" class="cnumber" ></span></div>
    <div class="cc" ><div id="cc34"class="odiv"></div><span class="ctext" style="font-size: 12px">PM2.5质量</span><span id="cnumber34" class="cnumber" style="font-size: 12px"></span></div>
    <div class="cc" ><div id="cc35"class="odiv"></div><span class="ctext" style="font-size: 12px">人口密度</span><span id="cnumber35" class="cnumber" style="font-size: 12px"></span></div>
</div>
<div id="color4" style=" position: absolute;width: 120px;height: 160px;margin-left:630px;margin-top:60px;display: none;border:solid 2px #AC8F73;background-color:white;z-index:999">
    <div class="cc" ><div id="cc41"class="odiv"></div><span class="ctext" style="margin-left: 10px">温度</span><span id="cnumber41" class="cnumber" ></span></div>
    <div class="cc" ><div id="cc42"class="odiv"></div><span class="ctext" style="margin-left: 10px">湿度</span><span id="cnumber42" class="cnumber" ></span></div>
    <div class="cc" ><div id="cc43"class="odiv"></div><span class="ctext" style="margin-left: 10px">风力</span><span id="cnumber43" class="cnumber" ></span></div>
    <div class="cc" ><div id="cc44"class="odiv"></div><span class="ctext" style="font-size: 12px">PM2.5质量</span><span id="cnumber44" class="cnumber" style="font-size: 12px"></span></div>
    <div class="cc" ><div id="cc45"class="odiv"></div><span class="ctext" style="font-size: 12px">人口密度</span><span id="cnumber45" class="cnumber" style="font-size: 12px"></span></div>
</div>
<div id="color5" style=" position: absolute;width: 120px;height: 160px;margin-left:790px;margin-top:290px;display: none;border:solid 2px #AC8F73;background-color:white;z-index:999">
    <div class="cc" ><div id="cc51"class="odiv"></div><span class="ctext" style="margin-left: 10px">温度</span><span id="cnumber51" class="cnumber" ></span></div>
    <div class="cc" ><div id="cc52"class="odiv"></div><span class="ctext" style="margin-left: 10px">湿度</span><span id="cnumber52" class="cnumber" ></span></div>
    <div class="cc" ><div id="cc53"class="odiv"></div><span class="ctext" style="margin-left: 10px">风力</span><span id="cnumber53" class="cnumber" ></span></div>
    <div class="cc" ><div id="cc54"class="odiv"></div><span class="ctext" style="font-size: 12px">PM2.5质量</span><span id="cnumber54" class="cnumber" style="font-size: 12px"></span></div>
    <div class="cc" ><div id="cc55"class="odiv"></div><span class="ctext" style="font-size: 12px">人口密度</span><span id="cnumber55" class="cnumber" style="font-size: 12px"></span></div>
</div>

你可能感兴趣的:(个人学习,html)