d2f86cde88f0c084fbaefb8003e8b2b151aa70fb.svn-base 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
  2. <html>
  3. <head>
  4. <title></title>
  5. <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  6. <meta http-equiv="description" content="this is my page">
  7. <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  8. <script type="text/javascript" src="/nwyj/scripts/jquery/jquery-1.11.1.min.js"></script>
  9. <script src="/nwyj/page/cockpit/tableandmap/js/echarts.js"></script>
  10. <script src="/nwyj/page/cockpit/tableandmap/map.js"></script>
  11. <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
  12. <style type="text/css">
  13. .legn{ position:fixed; z-index:999; bottom:10px; right:30px; }
  14. ul{ list-style:none; }
  15. .legn_text{ font-size:12px; font-family:"微软雅黑"; display:inline-block; float:left; width:40px; height:15px; margin-bottom:5px; }
  16. .legn_box{ width:30px; height:15px; border-radius:5px; display:inline-block; float:left; margin-bottom:5px; }
  17. .red{ color:red;}
  18. .bgred{ background-color:red; }
  19. .green{ color:green; }
  20. .bggreen{ background-color:green; }
  21. .gray{ color:gray; }
  22. .bggray{ background-color:gray; }
  23. </style>
  24. </head>
  25. <body bgcolor="#131524">
  26. <div id="main" style="height:370px"></div>
  27. <div class="legn">
  28. <ul>
  29. <li><div class="legn_text red">停电</div><div class="legn_box bgred"></div></li>
  30. <li><div class="legn_text green">复电</div><div class="legn_box bggreen"></div></li>
  31. <li><div class="legn_text gray">正常</div><div class="legn_box bggray"></div></li>
  32. </ul>
  33. </div>
  34. </body>
  35. </html>