app.html 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
  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 src="js/mui.min.js"></script>
  11. <script type="text/javascript" src="js/apps.js" ></script>
  12. <script type="text/javascript">
  13. setTimeout("check_update()",8500);
  14. var check_update = function(){
  15. mui.post(projectUrl+'trsdataAction!checkUpdate.action',null,function(data){
  16. if(data.success == true){
  17. mui.plusReady(function(){
  18. plus.runtime.getProperty(plus.runtime.appid,function(inf){
  19. var ver = inf.version.split(".");
  20. var nub = data.nub.split(".");
  21. //alert("ver===="+ver);
  22. //alert("nub===="+nub);
  23. if(nub[0] == null){
  24. nub[0] = 1;
  25. }
  26. if(nub[1] == null){
  27. nub[1] = 0;
  28. }
  29. if(nub[0]>ver[0]||nub[1]>ver[1]){
  30. checkUpdate(inf.version);
  31. }
  32. });
  33. });
  34. }
  35. },'json');
  36. }
  37. </script>
  38. </head>
  39. <body>
  40. <header >
  41. <div class="logo fl"><img src="images/spzf_03.png"></div>
  42. <div class="searchbtn fr" ><img src="images/search_1.png"></div>
  43. </header>
  44. <!--底部-->
  45. <div class="footernav" id="nav">
  46. <ul>
  47. <li onclick="clic('li_main')" class="active" id="li_main"><a href="main.html" id="main">
  48. <img src="images/spzf_72-24.png"alt="" />
  49. <h6>首页</h6>
  50. </a></li>
  51. <li onclick="clic('li_szf')" id="li_szf"><a href="szf.html" id="szf" >
  52. <img src="images/spzf_72.png" alt="" />
  53. <h6>市政府</h6>
  54. </a></li>
  55. <li onclick="clic('li_bsdt')" id="li_bsdt"><a href="bsdt.html" id="bsdt">
  56. <img src="images/spzf_75.png" alt="" />
  57. <h6>办事大厅</h6>
  58. </a></li>
  59. <!--<li onclick="clic('li_xyhzx')" id="li_xyhzx"><a href="xyhzx.html" id="yhzx">
  60. <img src="images/spzf_76.png" alt="" />
  61. <h6>用户中心</h6>
  62. </a></li>-->
  63. </ul>
  64. </div>
  65. </body>
  66. <script type="text/javascript" charset="utf-8">
  67. function clic(id){
  68. var arr = mui('#nav li');
  69. mui.each(arr,function(index,item){
  70. $(this).attr("class",'');
  71. });
  72. //alert($(this).attr("id"));
  73. var tagPage = $("#"+id+" a").attr("href");
  74. plus.webview.show(tagPage,"fade-in",200);
  75. $(this).attr("class",'active');
  76. }
  77. var subpages =[];
  78. mui.init( { gestureConfig:{
  79. tap: true, //默认为true
  80. doubletap: true, //默认为false
  81. longtap: true, //默认为false
  82. swipe: true, //默认为true
  83. drag: true, //默认为true
  84. hold:true,//默认为false,不监听
  85. release:false//默认为false,不监听
  86. }})
  87. mui("#nav a").each(function(){
  88. subpages.push($(this).attr('href'));
  89. })
  90. var subpageStyle={ //设置主页面打开的样式(设置顶部和底部,留空间给中间部分显示出来,放sub1.html这些页面)
  91. top:'50px', //标题栏的高度,更多详细参数查看http://dev.dcloud.net.cn/mui/ui/#mask
  92. bottom:'56px' //底部选项卡的高度
  93. };
  94. mui.plusReady(function(){
  95. var self=plus.webview.currentWebview(); //创建子窗体
  96. var sub=plus.webview.create(subpages[0],subpages[0],{top:'0px',bottom:'56px'}); //当前Webview的URL地址、ID、样式。功能:创建子窗体
  97. sub.hide(); //功能:隐藏页面
  98. self.append(sub);
  99. for(var i=1;i<subpages.length;i++){
  100. var sub=plus.webview.create(subpages[i],subpages[i],subpageStyle); //当前Webview的URL地址、ID、样式。功能:创建子窗体
  101. sub.hide(); //功能:隐藏页面
  102. self.append(sub); //功能: 追加子页面,首个选项卡页面显示,其它均隐藏
  103. }
  104. plus.webview.show(subpages[0]); //设置主页的sub.html默认显示出来,其他sub2.html默认隐藏
  105. })
  106. /* mui("#nav").on("tap","a",function(e){ //通过.mui-bar-tap里的a元素绑定tap事件,达到批量绑定的效果
  107. var tagPage=this.getAttribute("href");//getAttribute()获取属性函数
  108. plus.webview.show(tagPage,"fade-in",100) //fade-in淡入,100毫秒
  109. })
  110. mui("#nav").on("longtap","a",function(e){ //通过.mui-bar-tap里的a元素绑定tap事件,达到批量绑定的效果
  111. var tagPage=this.getAttribute("href");//getAttribute()获取属性函数
  112. plus.webview.show(tagPage,"fade-in",100) //fade-in淡入,100毫秒
  113. })*/
  114. mui("#nav").on('longtap',"li",function(e){
  115. var arr = mui('#nav li');
  116. mui.each(arr,function(index,item){
  117. $(this).attr("class",'');
  118. });
  119. var tagPage = $("#"+$(this).attr("id")+" a").attr("href");
  120. plus.webview.show(tagPage,"fade-in",200);
  121. $(this).attr("class",'active');
  122. });
  123. //选中效果
  124. mui("#nav").on("tap","li",function(e){//alert();
  125. var arr = mui('#nav li');
  126. mui.each(arr,function(index,item){
  127. $(this).attr("class",'') ;
  128. });
  129. var tagPage = $("#"+$(this).attr("id")+" a").attr("href");
  130. //alert(tagPage);
  131. plus.webview.show(tagPage,"fade-in",200);
  132. $(this).attr("class",'active');
  133. })
  134. mui('.searchbtn').on("tap","img",function(e){
  135. mui.openWindow({
  136. url:'ssjg.html',
  137. id:'searchbtn',
  138. styles:{top:'0px', bottom:'0px'},
  139. createNew:true
  140. });
  141. })
  142. </script>
  143. </html>