qljd.html 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>权力监督</title>
  6. <link href="../../AFrontEnd/css/animate.css" rel="stylesheet" />
  7. <link href="../../AFrontEnd/css/fontawesome/css/font-awesome.css" rel="stylesheet" />
  8. <link href="../../AFrontEnd/css/bootstrap.css" rel="stylesheet" />
  9. <link href="../../AFrontEnd/css/style.css" rel="stylesheet" />
  10. <link href="../../AFrontEnd/plugins/swiper/swiper.css" rel="stylesheet" />
  11. <script>document.write("<link href='../../AFrontEnd/css/special.css?time=" + new Date().getTime() + "' rel='stylesheet'>");</script>
  12. <style>
  13. .Item {
  14. width: 20%;
  15. height: 300px;
  16. padding: 60px 0;
  17. background: #f9fcff;
  18. text-align: center;
  19. cursor: pointer;
  20. float: left;
  21. }
  22. .Item:hover {
  23. background: #e0efff;
  24. color: #3596FA;
  25. }
  26. .img2{
  27. display:none
  28. }
  29. .Item:hover .img1 {
  30. display: none;
  31. }
  32. .Item:hover .img2 {
  33. display: inline;
  34. }
  35. </style>
  36. </head>
  37. <body>
  38. <div class="sp-page">
  39. <div class="Item" onclick="window.top.sp.addTabNav('sqgs', '事前公示', 'tpl/deskunit/sqgs.html')">
  40. <img class="img1" src="img/sqgs1.png" /><img class="img2" src="img/sqgs2.png" />
  41. </div>
  42. <div class="Item" onclick="window.top.sp.addTabNav('szjc', '事中监察', 'tpl/deskunit/szjc.html')">
  43. <img class="img1" src="img/szjc1.png" /><img class="img2" src="img/szjc2.png" />
  44. </div>
  45. <div class="Item" onclick="window.top.sp.addTabNav('shjd', '事后监督', 'tpl/deskunit/shjd.html')">
  46. <img class="img1" src="img/shjd1.png" /><img class="img2" src="img/shjd2.png" />
  47. </div>
  48. <div class="Item" onclick="window.top.sp.addTabNav('bjtx', '报警提醒', 'tpl/deskunit/bjtx.html')">
  49. <img class="img1" src="img/bjtx1.png" /><img class="img2" src="img/bjtx2.png" />
  50. </div>
  51. <div class="Item" onclick="window.top.sp.addTabNav('gcsy', '过程溯源', 'tpl/deskunit/gcsy.html')">
  52. <img class="img1" src="img/gcsy1.png" /><img class="img2" src="img/gcsy2.png" />
  53. </div>
  54. </div>
  55. </body>
  56. </html>