123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8" />
- <title>四平市政府</title>
- <link rel="stylesheet" href="css/basic.css" />
- <script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
- <script type="text/javascript" src="js/basic.js" ></script>
- <script type="text/javascript" src="js/unslider-min.js" ></script>
- <script src="js/mui.min.js"></script>
- <script type="text/javascript" src="js/apps.js" ></script>
- <script type="text/javascript">
- setTimeout("check_update()",8500);
- var check_update = function(){
- mui.post(projectUrl+'trsdataAction!checkUpdate.action',null,function(data){
- if(data.success == true){
- mui.plusReady(function(){
- plus.runtime.getProperty(plus.runtime.appid,function(inf){
- var ver = inf.version.split(".");
- var nub = data.nub.split(".");
- //alert("ver===="+ver);
- //alert("nub===="+nub);
- if(nub[0] == null){
- nub[0] = 1;
- }
- if(nub[1] == null){
- nub[1] = 0;
- }
- if(nub[0]>ver[0]||nub[1]>ver[1]){
- checkUpdate(inf.version);
- }
- });
- });
- }
- },'json');
- }
- </script>
- </head>
- <body>
- <header >
- <div class="logo fl"><img src="images/spzf_03.png"></div>
- <div class="searchbtn fr" ><img src="images/search_1.png"></div>
- </header>
-
-
- <!--底部-->
- <div class="footernav" id="nav">
- <ul>
- <li onclick="clic('li_main')" class="active" id="li_main"><a href="main.html" id="main">
- <img src="images/spzf_72-24.png"alt="" />
- <h6>首页</h6>
- </a></li>
- <li onclick="clic('li_szf')" id="li_szf"><a href="szf.html" id="szf" >
- <img src="images/spzf_72.png" alt="" />
- <h6>市政府</h6>
- </a></li>
- <li onclick="clic('li_bsdt')" id="li_bsdt"><a href="bsdt.html" id="bsdt">
- <img src="images/spzf_75.png" alt="" />
- <h6>办事大厅</h6>
- </a></li>
- <!--<li onclick="clic('li_xyhzx')" id="li_xyhzx"><a href="xyhzx.html" id="yhzx">
- <img src="images/spzf_76.png" alt="" />
- <h6>用户中心</h6>
- </a></li>-->
- </ul>
- </div>
- </body>
-
-
- <script type="text/javascript" charset="utf-8">
- function clic(id){
- var arr = mui('#nav li');
- mui.each(arr,function(index,item){
- $(this).attr("class",'');
- });
- //alert($(this).attr("id"));
- var tagPage = $("#"+id+" a").attr("href");
- plus.webview.show(tagPage,"fade-in",200);
- $(this).attr("class",'active');
- }
- var subpages =[];
- mui.init( { gestureConfig:{
- tap: true, //默认为true
- doubletap: true, //默认为false
- longtap: true, //默认为false
- swipe: true, //默认为true
- drag: true, //默认为true
- hold:true,//默认为false,不监听
- release:false//默认为false,不监听
- }})
- mui("#nav a").each(function(){
- subpages.push($(this).attr('href'));
- })
-
- var subpageStyle={ //设置主页面打开的样式(设置顶部和底部,留空间给中间部分显示出来,放sub1.html这些页面)
- top:'50px', //标题栏的高度,更多详细参数查看http://dev.dcloud.net.cn/mui/ui/#mask
- bottom:'56px' //底部选项卡的高度
- };
- mui.plusReady(function(){
- var self=plus.webview.currentWebview(); //创建子窗体
- var sub=plus.webview.create(subpages[0],subpages[0],{top:'0px',bottom:'56px'}); //当前Webview的URL地址、ID、样式。功能:创建子窗体
- sub.hide(); //功能:隐藏页面
- self.append(sub);
- for(var i=1;i<subpages.length;i++){
- var sub=plus.webview.create(subpages[i],subpages[i],subpageStyle); //当前Webview的URL地址、ID、样式。功能:创建子窗体
- sub.hide(); //功能:隐藏页面
- self.append(sub); //功能: 追加子页面,首个选项卡页面显示,其它均隐藏
- }
- plus.webview.show(subpages[0]); //设置主页的sub.html默认显示出来,其他sub2.html默认隐藏
- })
-
- /* mui("#nav").on("tap","a",function(e){ //通过.mui-bar-tap里的a元素绑定tap事件,达到批量绑定的效果
- var tagPage=this.getAttribute("href");//getAttribute()获取属性函数
- plus.webview.show(tagPage,"fade-in",100) //fade-in淡入,100毫秒
- })
-
- mui("#nav").on("longtap","a",function(e){ //通过.mui-bar-tap里的a元素绑定tap事件,达到批量绑定的效果
- var tagPage=this.getAttribute("href");//getAttribute()获取属性函数
- plus.webview.show(tagPage,"fade-in",100) //fade-in淡入,100毫秒
- })*/
-
- mui("#nav").on('longtap',"li",function(e){
- var arr = mui('#nav li');
- mui.each(arr,function(index,item){
- $(this).attr("class",'');
- });
- var tagPage = $("#"+$(this).attr("id")+" a").attr("href");
- plus.webview.show(tagPage,"fade-in",200);
- $(this).attr("class",'active');
- });
-
-
- //选中效果
- mui("#nav").on("tap","li",function(e){//alert();
- var arr = mui('#nav li');
- mui.each(arr,function(index,item){
- $(this).attr("class",'') ;
- });
- var tagPage = $("#"+$(this).attr("id")+" a").attr("href");
- //alert(tagPage);
- plus.webview.show(tagPage,"fade-in",200);
- $(this).attr("class",'active');
- })
-
-
-
- mui('.searchbtn').on("tap","img",function(e){
- mui.openWindow({
- url:'ssjg.html',
- id:'searchbtn',
- styles:{top:'0px', bottom:'0px'},
- createNew:true
- });
- })
-
-
-
-
-
- </script>
- </html>
|