sq.html 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>四平市政府</title>
  6. <link rel="stylesheet" href="css/basic.css" />
  7. <script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
  8. <script type="text/javascript" src="js/basic.js" ></script>
  9. <script type="text/javascript" src="js/unslider-min.js" ></script>
  10. <script type="text/javascript" src="js/idealDic/idealDicInclude.js"></script>
  11. <script src="js/mui.min.js"></script>
  12. <script type="text/javascript">
  13. $(function(){
  14. //加载四平概况
  15. mui(".jgul li").each(function () {
  16. var typeid=this.id;
  17. var Cid = dicContainer['sq'].toValue(typeid);
  18. mui.post(projectUrl+'trsdataAction!query_index_data.action',{
  19. channel_id:Cid,
  20. data_star:'0',
  21. data_end:'1'
  22. },function(data){
  23. if(data.success == true){
  24. var json =data.data;
  25. var industry = json[0];
  26. //市政府志和统计公报用pdf格式打开
  27. if('szfz'==typeid||'tjgb'==typeid){
  28. $('#'+typeid+' a').attr('id',typeid);
  29. $('#'+typeid+' a').attr('name',industry.allData);
  30. }else{
  31. $('#'+typeid+' a').attr('id',industry.docid);
  32. }
  33. }
  34. },'json'
  35. );
  36. })
  37. //加载列表
  38. mui(".sqbox li").each(function () {
  39. var typeid=this.id;
  40. var Cid = dicContainer['sq'].toValue(typeid);
  41. mui.post(projectUrl+'trsdataAction!query_index_data.action',{
  42. channel_id:Cid,
  43. data_star:'0',
  44. data_end:'1'
  45. },function(data){
  46. if(data.success == true){
  47. var json =data.data;
  48. var industry = json[0];
  49. if('tjgb_fzsp'==typeid){
  50. $('#'+typeid+' a').attr('id',typeid);
  51. $('#'+typeid+' a').attr('name',industry.allData);
  52. }else{
  53. $('#'+typeid+' a').attr('id',industry.docid);
  54. }
  55. }
  56. },'json'
  57. );
  58. })
  59. })
  60. function initss(){
  61. var pageStyle={top:'0px', bottom:'0px'};
  62. mui(".jgul li").on("tap","a",function(e){
  63. var id=$(this).attr("id");
  64. var url = 'news.html';
  65. //市政府志和统计公报用pdf格式打开
  66. if('szfz'==id||'tjgb'==id){
  67. var Cid = dicContainer['sq'].toValue(id);
  68. var count=$(this).attr("name");
  69. mui.openWindow({
  70. url: 'list_pdf.html?channel_id='+Cid+'&count='+count,
  71. id:id,
  72. styles:{top:'0px', bottom:'0px'},
  73. createNew:true
  74. });
  75. }else{
  76. mui.openWindow({
  77. url: url+'?doc_id='+id,
  78. id:id,
  79. styles:pageStyle,
  80. createNew:true
  81. });
  82. }
  83. })
  84. mui(".sqbox li").on("tap","a",function(e){
  85. var id=$(this).attr("id");
  86. var url = 'news.html';
  87. if('tjgb_fzsp'==id){
  88. var Cid = dicContainer['sq'].toValue(id);
  89. var count=$(this).attr("name");
  90. mui.openWindow({
  91. url: 'list_pdf.html?channel_id='+Cid+'&count='+count,
  92. id:id,
  93. styles:{top:'0px', bottom:'0px'},
  94. createNew:true
  95. });
  96. }else{
  97. mui.openWindow({
  98. url: url+'?doc_id='+id,
  99. id:id,
  100. styles:pageStyle,
  101. createNew:true
  102. });
  103. }
  104. })
  105. mui("#spgkjj").on("tap","img",function click(e){
  106. var id=$(this).attr("id");
  107. mui.openWindow({
  108. url: 'news.html?doc_id='+id,
  109. id:id,
  110. styles:pageStyle,
  111. createNew:true
  112. });
  113. })
  114. }
  115. </script>
  116. </head>
  117. <body onload="initss()">
  118. <!--头部-->
  119. <!--中间内容开始-->
  120. <div class="sqwrap">
  121. <div class="spgk"><a id="spgkjj"><img id="333" src="images/sq_02.png"></a></div>
  122. <ul class="jgul licenter">
  123. <li id="dldm" ><a href="#"><img src="images/sq_05.png" alt="" /></a></li>
  124. <li id="lsrw" class="lilne"><a href="#"><img src="images/sq_07.png" alt="" /></a></li>
  125. <li id="qhrk"><a href="#"><img src="images/sq_10.png" alt="" /></a></li>
  126. <li id="zyhj"><a href="#"><img src="images/sq_15.png" alt="" /></a></li>
  127. <li id="csxcp" class="lilne"><a href="#"><img src="images/sq_16.png" alt="" /></a></li>
  128. <!--<li id="dbyblh"><a href="#"><img src="images/sq_05-07.png" alt="" /></a></li>-->
  129. <li id="fzgh"><a href="#"><img src="images/sq_26.png" alt="" /></a></li>
  130. <li id="tjgb" class="lilne"><a href="#"><img src="images/sq_24.png" alt="" /></a></li>
  131. <li id="szfz"><a href="#"><img src="images/sq_27.png" alt="" /></a></li>
  132. </ul>
  133. <!--发展四平-->
  134. <div class="sqbox fzsp">
  135. <h2>发展四平</h2>
  136. <ul id="fzsp">
  137. <li id="jjjs"><a href="">经济建设</a></li>
  138. <li id="dwjl"><a href="">对外交流</a></li>
  139. <li id="tjgb_fzsp"><a href="">统计公报</a></li>
  140. <li id="tzsp"><a href="">投资四平</a></li>
  141. </ul>
  142. </div>
  143. <!--发展四平-->
  144. <div class="sqbox mssp">
  145. <h2>民生四平</h2>
  146. <ul id="mshengsp">
  147. <li id="kjjy"><a href="">科技教育</a></li>
  148. <li id="whty"><a href="">文化体育</a></li>
  149. <li id="ylws"><a href="">医疗卫生</a></li>
  150. <li id="zf"><a href="">住房</a></li>
  151. <li id="csjt"><a href="">城市交通</a></li>
  152. </ul>
  153. </div>
  154. <!--畅游四平-->
  155. <div class="sqbox cysp">
  156. <h2 >畅游四平</h2>
  157. <ul id="cysp">
  158. <li id="rwjg"><a href="">人文景观</a></li>
  159. <li id="mstc"><a href="">美食特产</a></li>
  160. <li id="zrjg"><a href="">自然景观</a></li>
  161. </ul>
  162. </div>
  163. <!--生态四平-->
  164. <div class="sqbox stsp">
  165. <h2>生态四平</h2>
  166. <ul id="stsp">
  167. <li id="lmsp"><a href="">绿美四平</a></li>
  168. <li id="zrbh"><a href="">自然保护</a></li>
  169. <li id="sdjs"><a href="">湿地建设</a></li>
  170. </ul>
  171. </div>
  172. <!--民俗四平-->
  173. <div class="sqbox msusp" style="padding-bottom: 140px;">
  174. <h2>民俗四平</h2>
  175. <ul id="msusp">
  176. <li id="mzfb"><a href="">民族分布</a></li>
  177. <li id="mzxg"><a href="">民俗习惯</a></li>
  178. <li id="mswh"><a href="">民俗文化</a></li>
  179. </ul>
  180. </div>
  181. </div>
  182. <!--中间内容结束-->
  183. <div class="clear"></div>
  184. </body>
  185. </html>