中国气象数据网

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>中国气象数据网 - Online Data</title> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="Expires" content="0"> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Cache-control" content="no-cache"> <meta http-equiv="Cache" content="no-cache"> <link rel="stylesheet" type="text/css" href="/static/css/style.css?ver=inNo7.1"> <link rel="stylesheet" type="text/css" href="/static/css/pager.css"> <script src="/static/js/jquery-1.11.0.min.js"></script> <script src="/static/js/require.js?v=1"></script> <script> var siteGray = 0; </script> </head> <body>   <style> .head-top {background: #f9f9f9;border-bottom: 1px solid #e0e0e0;} .head-top-cont {background: none} .head-top-cont-width{width:1200px;margin-left:auto;margin-right:auto;} .headerImg0{margin-top:15px !important;} .headerImg3{margin-top:14px !important; } .wx_text:hover~.weiXinBloc{display:block;} .weiXinBloc:hover{display:block;} .cel_text:hover~.mobileBloc{display:block;} .mobileBloc:hover{display:block;} .head-top-contMu{border:0px !important;padding-left:0px !important;padding-right:0px !important;color: #fff !important;background: #2481e3;height:15px; width: 52px;text-align: center;border-radius: 2px;padding-top: 2px;margin-top:6px !important;} .validfeedbackLa{border-left-width: 0px !important;} .feedbacklogin{border-left-width: 1px !important;} .degrEm{background: url('/static/images/home/em.png');width: 4px;height:14px;float: right;margin-right: 10px;margin-top: 8px;margin-left: -5px; cursor:pointer;} .degrEn:hover .degrNt{display: block;} .degrIf:hover .degrNt{display: block;} .degrNt{position: absolute;z-index: 2;margin-left: -40px;margin-top: 5px; display: none;} .degrNtB0{position: absolute;width:208px;height:115px;border:1px solid #dddddd;border-radius: 5px;margin-top:6px;background: #fff;z-index: 1;} .degrNtB1{height:7px;width:17px;background: url('/static/images/home/hwh.png');margin-left:89px;z-index: 2;position: absolute;} .degrNtPo{width:180px;margin: 8px auto auto;font:12px "微软雅黑";color: #555;text-align: justify;} .degrEh:hover .degrHt{display: block;} .degrIh:hover .degrHt{display: block;} .degrHt{position: absolute;z-index: 1;margin-left: -50px;margin-top: 5px; display: none; } .degrHtB0{position: absolute;width:208px;height:115px;border:1px solid #dddddd;border-radius: 5px;margin-top:6px;background: #fff;z-index: 1;} .degrHtB1{height:7px;width:17px;background: url('/static/images/home/hwh.png');margin-left:100px;z-index: 2;position: absolute;} .degrHtPo{width:180px;margin: 8px auto auto;font:12px "微软雅黑";color: #555;text-align: justify;} .siMaIc{width:22px;height:14px;background: url('/static/images/home/mail.png?v=2') no-repeat bottom;float:left;margin-right: 3px;margin-top: -1px;} .siMaIcAn{width:22px;height:22px;background: url('/static/images/home/mail.gif?v=1') no-repeat bottom;float:left;margin-right: 3px;margin-top: -5px;} /*PLUS会员*/ .headPlusSpan{float: right; margin-top: 4px; margin-left: 10px;} .plusTitle{float: right; width: 87px; height: 20px; cursor: pointer; background: url('/static/images/plus/img-head-isPlus.png') no-repeat;} .notPlusTitle{float: right; width: 103px; height: 20px; cursor: pointer; background: url('/static/images/plus/img-head-notPlus.png') no-repeat;} .plusTitle:hover~.plusBloc{display: block;} .notPlusTitle:hover~.plusBloc{display: block;} .plusBloc:hover{display:block;} .plusBloc{display: none; position: absolute; z-index: 999; width: 420px; border: 1px solid #e0e0e0; background: #fff; margin-left: 0px; margin-top: 28px;} .plusTitleH{float: right; margin-top: -34px; width: 87px; height: 33px; color: #42d10d; border: 1px solid #e0e0e0; position: absolute; margin-left: -1px; font: 12px '微软雅黑';cursor: pointer; background: #fff; /*background: url("/static/images/home/top-cont-bg2.png");*/} .noPlusTitleH{float: right; margin-top: -34px; width: 103px; height: 33px; color: #42d10d; border: 1px solid #e0e0e0; position: absolute; margin-left: -1px; font: 12px '微软雅黑';cursor: pointer; background: #fff; /*background: url("/static/images/home/top-cont-bg2.png");*/} .plusTitleHTxt{margin-top: 6px; margin-left: 10px;} .plusTitleHImg{float: right; width: 8px; height: 4px; margin-top: -10px; margin-right: 8px; background: url('/static/images/plus/img-arrow-down.png') no-repeat;} .noPlusTitleHTxt{margin-top: 6px; margin-left: 6px;} .noPlusTitleHImg{float: right; width: 8px; height: 4px; margin-top: -10px; margin-right: 6px; background: url('/static/images/plus/img-arrow-down.png') no-repeat;} .plusLineMark{width: 87px; height: 10px; background: #fff; margin-top: 0px; margin-left: 0px; position: absolute;} .noPlusLineMark{width: 103px; height: 10px; background: #fff; margin-top: 0px; margin-left: 0px; position: absolute;} .plusTxt{font: 12px '微软雅黑'; color: #787878; margin-top: 10px; padding-left: 10px;} .notPlusTxt{font: 12px '微软雅黑'; color: #787878; margin-top: 10px; padding-left: 10px; padding-right: 10px;} .plusTxtClick{clear: both; padding-left: 5px; padding-right: 5px; color: #046dde; cursor: pointer;} .notPlusTxtClick{clear: both; padding-left: 5px; padding-right: 5px; color: #046dde; cursor: pointer;} .plusImg{text-align: center; width: 390px; height: 80px; margin-left: 15px;} .plusImgArrLeft{float: left; cursor: pointer; width: 7px; height: 14px; margin-top: 33px; background: url('/static/images/plus/img-arrow-left.png') no-repeat;} .plusImgArrRight{float: right; cursor: pointer; width: 7px; height: 14px; margin-top: 33px; background: url('/static/images/plus/img-arrow-right.png') no-repeat;} .plusImgs{width: 376px; height: 50px; overflow: hidden; position: absolute; margin-left: 7px; margin-top: 15px;} .plusImgsWheel{overflow: hidden; width: 360px; height: 50px; float: left; position: absolute;} .plusImgsWheel li{list-style: none; width: 94px; height: 48px; text-align: center; float: left; cursor: pointer;} /*plus会造成404*/ /*.imgPlusPower{width: 30px; height: 30px; margin-left: 35px; background: url("/static/images/plus/img-plus-power.png") no-repeat;} .imgPlusGrow{width: 30px; height: 30px; margin-left: 34px; background: url("/static/images/plus/img-plus-grow.png") no-repeat;} .imgPlusData{width: 30px; height: 30px; margin-left: 33px; background: url("/static/images/plus/img-plus-data.png") no-repeat;} .imgPlusDownload{width: 30px; height: 30px; margin-left: 34px; background: url("/static/images/plus/img-plus-download.png") no-repeat;} .imgPlusSubscribe{width: 30px; height: 30px; margin-left: 34px; background: url("/static/images/plus/img-plus-subscribe.png") no-repeat;} .imgPlusPriority{width: 31px; height: 20px; margin-left: 32px; margin-top: 5px; padding-top: 5px; background: url("/static/images/plus/img-plus-priority.png") no-repeat;}*/ .plusImgsTxt{font: 11px '微软雅黑'; color: #666666; font-weight: bold; width: 94px; height: 15px; line-height: 15px; text-align: center;} /*.hdIc3year{position: absolute;background: url('http://image.data.cma.cn/static/image/ic3year.png');height: 38px;width:97px;margin-left: 150px;z-index: 10;}*/ /*.hdIc3yearA{height: 38px;width:97px;border-left-width: 0px !important;margin-top: 0px !important;}*/ .logo { float: left; width: 426px; height: 72px; margin-top: 16px; } .searchRadar { float: right; width: 450px; height: 44px; margin-top: 30px; } .searchRadar .icon { width: 20px; height: 20px; position: relative; background-position: -43px -115px; margin-top: 4px; border: none; margin-left: -38px; } .mobileBloc{ height: auto; } .meteoliveApp{ border-top: 1px solid #eee; float: left; margin-top: 10px; width: 100%; padding-bottom: 10px; } .meteoliveApp .appName{ font-size: 10px; color: #999; text-align: center; } .largeMeteoDownload{ position: fixed; background: rgba(0,0,0,0.5); width: 100%; height: 100%; display: none; z-index: 99999; } .largeMeteoDownload img{ position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); } </style> <div class="weatherbg"></div> <div class="head-top"> <div class="head-top-cont"> <div class="head-top-cont-width">    <img style="float:left; border: 0;margin-top: 5px; margin-left: 8px;" src="http://image.data.cma.cn/static/image/rada/home/NSTRSSP_logo.png">   <img style="float:left; border: 0;margin-top: 5px; margin-left: 8px;" src="http://image.data.cma.cn/static/image/rada/home/NMIC_logo.png">       <a href="http://data.cma.cn/en" target="_blank" >English</a> <a href="/article/getLeft/id/251/keyIndex/6.html" target="_blank" >联系我们</a> <div class="headerTopRightSpan" id="headMobile"> <div class="cel_text"><a class="text12SongH" href="javascript:void(0);" >手机端</a></div> <div class="cel_icon"></div> <div class="mobileBloc" style="cursor: pointer;"> <div class="mobileBlocTitle text12SongH"> <div class="weiXinBlocTitleBorder"><a href="javascript:void(0);" onclick="window.open('/site/appdl.html')" ><strong>手机端</strong></a></div> </div> <div class="mobileLineMark_tongyong"></div> <div class="moblieTop" onclick="window.open('/site/appdl.html')"> <div style="float: left;"> <img class="weiXinImg_tongyong" src="http://image.data.cma.cn/mobile/image/app.png"> </div> </div> <div class="weiXinImg_right_tongyong" onclick="window.open('/site/appdl.html')"> <div class="weiXinImg_right_word"> 中国气象数据网APP </div> <div class="weiXinImg_right_iphone"> <img src="/static/images/ty_2.png" style="display:block;"> </div> <div style="clear:both;"></div> <div class="weiXinImg_right_iphone" style="margin-left:40px;margin-top: -40px;"> <img src="/static/images/ty_1.png" style="margin:0 auto;display:block;"> </div> <div class="meteoliveApp clearfix" style="display: none;"> <div class="moblieTop" > <div style="float: left;padding-bottom: 5px"> <img class="weiXinImg_tongyong" src="/static/images/meteolive_app.png" > </div> <div class="appName" style="margin-left: 8px">气象实况APP</div> </div> <div class="moblieTop" style="float: right"> <div style="float: left;padding-bottom: 5px;margin-left: 5px"> <img class="weiXinImg_tongyong" style="margin-left: 0px" src="/static/images/meteolive_miniprograme.png"> </div> <div class="appName" style="margin-right: 5px">气象实况小程序</div> </div> </div> </div> </div> </div> <div class="headerTopRightSpan" id="weiBo"> <div class="wb_text"><a class="text12SongH" href="http://weibo.com/dataCMA">微博</a></div> <div class="wb_icon"></div> </div> <div class="headerTopRightSpan" id="weiXin"> <div class="wx_text"><a class="text12SongH" href="">微信</a></div> <div class="wx_icon"></div> <div class="weiXinBloc"> <div class="weiXinBlocTitle text12SongH"><div class="weiXinBlocTitleBorder1"><strong>微信</strong></div></div> <div class="weiXinLineMark"></div> <img class="weiXinImg" src="http://image.data.cma.cn/mobile/image/weixin.jpg"> <div class="weiXinText text12SongH">中国气象数据网<br>微信号<br>扫一扫，立刻关注</div> </div> </div> <span><a href="javascript:void(0);" url="/order/carView.html" class="validfeedback feedbacklogin">我的数据筐</a></span>  <span> <a style="border-left: none;" href="javascript:void(0);" url="/evaluateInfo/siteMail.html" class="validfeedback validfeedbackLa feedbacklogin" id="siteMailTag"> <div class="siMaIc "></div>站内信 </a> </span> <div style="margin-left: 0px;" class="headPlusSpan" id="plusMember">  <div class="plusBloc"> <div class="noPlusTitleH"><div class="noPlusTitleHTxt">开通PLUS会员</div><div class="noPlusTitleHImg"></div></div> <div class="noPlusLineMark"></div> <div class="notPlusTxt">PLUS会员是为用户打造的增值服务，满足用户高需求。开通PLUS会员后，用户可享有如下功能和特权，如想了解更多PLUS会员服务内容，请点击PLUS会员首页（<span class="notPlusTxtClick">http://data.cma.cn/plus/index.html</span>）</div> <div class="plusImg"> <div class="plusImgArrLeft"></div> <div class="plusImgs"> <ul class="plusImgsWheel noPlusPrivilegeLink" id="plusImgsWheel"> <li><div class="imgPlusPower"></div><div class="plusImgsTxt">更高下载权限</div></li> <li><div class="imgPlusGrow"></div><div class="plusImgsTxt">成长加速</div></li> <li><div class="imgPlusData"></div><div class="plusImgsTxt">更多数据产品</div></li> <li><div class="imgPlusDownload"></div><div class="plusImgsTxt">极速下载</div></li> <li><div class="imgPlusSubscribe"></div><div class="plusImgsTxt">数据订阅</div></li> <li><div class="imgPlusPriority"></div><div class="plusImgsTxt">优先体验新功能</div></li> </ul> </div> <div class="plusImgArrRight"></div> </div> </div> </div> <a href="/article/getRegister/id/338/keyIndex/1.html" target="_blank" id="regLink">注册</a><span id="loginStatus"><a id="toLoginPage" style="border:0px;cursor:pointer;"><span>登录</span></a></span> </div> </div> </div> <iframe src="" width=0 height=0 frameborder="no" style="display:none;"></iframe><link rel="stylesheet" href="/static/artDialog/css/ui-dialog.css"> <script src="/static/artDialog/js/dialog-min.js"></script>  <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?d9508cf73ee2d3c3a3f628fe26bd31ab"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); //plus会员相关js $(".plusTxtClick").on("click", function(){ window.location.href = "/article/getLeft/id/385/keyIndex/7.html"; }); $(".notPlusTxtClick").on("click", function(){ window.location.href = "/plus/index.html"; }); $(".plusTitleH").on("click", function(){ window.location.href = "/plus/index.html"; }); $(".noPlusTitleH").on("click", function(){ window.location.href = "/plus/index.html"; }); //特权图标链接 $(".noPlusPrivilegeLink li").on("click", function(){ window.location.href = "/plus/index.html"; }); var plusURLList = { '1':'/integral/UserLevelPLUS.html', '2':'/integral/UserLevelPLUS.html', '3':'/data/cdcindex/cid/6d1b5efbdcbf9a58.html', '4':'/order/list/type/online/show_value/normal.html', '5':'/data/cdcindex/cid/ca8d59ed054f6918.html', '6':'/plus/index.html' }; $(".plusPrivilegeLink li").each(function(){ $(this).click(function(){ var id = $(this).attr('class'); if(id != ''){ location.href = plusURLList[id]; } }); }); //plus会员特权切换 var liW = $(".plusImgsWheel li").width(); var len = $(".plusImgsWheel li").length; var ulW = len * liW; $(".plusImgsWheel").css("width", ulW); $(".plusImgArrLeft").mouseenter(function(){ var left = document.getElementById("plusImgsWheel").offsetLeft; if(left == -2*liW){ $(".plusImgsWheel").stop().animate({"left":-liW}, 500).delay(500).animate({"left":0}, 500); } }); $(".plusImgArrRight").mouseenter(function(){ var left = document.getElementById("plusImgsWheel").offsetLeft; if(left == 0){ $(".plusImgsWheel").stop().animate({"left":-liW}, 500).delay(500).animate({"left":-2*liW}, 500); } }); /*setInterval('move()', 6500); function move(){ $(".head12Bg").css("display", "block"); var head12Bg = document.getElementById("head12Bg"); head12Bg.style.top = -41 + "px"; if(head12Bg.offsetTop<=70){ $(".head12Bg").animate({ top:"+=100px" },1500,'linear'); } }*/ $("#toLoginPage").click(function(){ var backUrl = window.location.href; window.location.href = "/user/toLogin.html?backUrl="+encodeURI(backUrl); }); $('.meteoliveApp img').click(function () { var src = $(this).attr('src'); $('.largeMeteoDownload img').attr('src',src); $('.largeMeteoDownload').show(); }) $('.largeMeteoDownload').click(function () { $('.largeMeteoDownload').hide(); }) </script> <script> $(function(){ $('.navcont12 .li').each(function(){ $(this).hover(function(){ $(this).prev('.navDi').css('background','transparent'); $(this).next('.navDi').css('background','transparent'); $(this).find('a:eq(0)').css('color','#fff'); },function(){ $(this).prev('.navDi').css('background','#d2d2d2'); $(this).next('.navDi').css('background','#d2d2d2'); $(this).find('a:eq(0)').css('color','#333333'); }); }); $('.sf_sec_ul li').each(function(){ $(this).hover(function(){ $(this).find('.sf_sec_ul_icon').css("background","url('/static/images/home/sf_sec_icon_wh.png')"); },function(){ $(this).find('.sf_sec_ul_icon').css("background","url('/static/images/home/sf_sec_icon_bl.png')"); }); }); }); function zsej(_inp){ var erji = $(_inp).parent('.sanji_li').parent('.sf_thr_ul').siblings('.erji').attr("class").toString(); var er_arr = erji.split(" "); if(er_arr[1]!='hover'){ $(_inp).parent('.sanji_li').parent('.sf_thr_ul').siblings('.erji').addClass("hover"); //$(_inp).parent('.sanji_li').parent('.sf_thr_ul').siblings('.erji').children('img').attr('src','/static/images/xsj.png'); $(_inp).parent('.sanji_li').parent('.sf_thr_ul').siblings('.erji').children('img').attr('src','/static/images/xsj4.png'); } } function reset_zsej(_inp){ var erji = $(_inp).parent('.sanji_li').parent('.sf_thr_ul').siblings('.erji').attr("class").toString(); var er_arr = erji.split(" "); if(er_arr[1]=='hover'){ $(_inp).parent('.sanji_li').parent('.sf_thr_ul').siblings('.erji').removeClass("hover"); //$(_inp).parent('.sanji_li').parent('.sf_thr_ul').siblings('.erji').children('img').attr('src','/static/images/xsj2.png'); $(_inp).parent('.sanji_li').parent('.sf_thr_ul').siblings('.erji').children('img').attr('src','/static/images/xsj4.png'); } } function zsej_par(_inp){ $(_inp).parent('li').children('.erji').removeClass('hover'); //$(_inp).children('img').attr('src','/static/images/xsj.png'); $(_inp).children('img').attr('src','/static/images/xsj4.png'); } function reset_par(_inp){ //$(_inp).children('img').attr('src','/static/images/xsj2.png'); $(_inp).children('img').attr('src','/static/images/xsj4.png'); } </script> <style> .body-banner-top {width: 100%;height: 74px;position: relative;} .menu-raw-box {width: 1300px;height: 100%;position: absolute;left: 50%;margin: 0 auto 0 -650px;} .logo-new {float: left;width: 322px; height: 60px;background: url("http://image.data.cma.cn/static/image/home/logo2.png") no-repeat center center;position: relative;margin-top: 7px;} .menu-raw {float: left;width: 680px;height: 100%;margin-left: 50px;} .weather-box {width: 144px;height: 28px;float: right;border-radius: 14px;background: rgba(234,244,255,1);margin-top: 22px;} .weather-col-one {width: 28px;height: 28px;float: left;} .weather-col-two {width: 40px;height: 28px;line-height:28px;float: left;font-family: 微软雅黑;font-size: 12px;color: #000000;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-left: 9px;} .weather-col-three {width: 37px;height: 28px;line-height:28px;float: left;font-family: 微软雅黑;font-size: 12px;color: #000000;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .weather-col-four {width: 28px;height: 28px;background: url("http://image.data.cma.cn/static/image/home/weather-allow2.png") no-repeat center 5px;float: right;} .menu-list {width: auto;height: 24px;float: left;margin-top: 26px;} .menu-list-sel {width: 640px;height: 10px;float: left;} .menu-item-data {float:left;width: auto;height: 40px;margin: auto auto;font-size: 15px;font-family: 微软雅黑;color: #ffffff;text-align: center;} .menu-item-title {width: auto;height: 26px;margin: auto auto;font-size: 15px;font-family: 微软雅黑;color: #000000;text-align: center;padding-left: 10px;padding-right: 10px;} .menu-item-sel {float:left;width: auto;height: 10px;margin: auto auto;font-size: 16px;display: none;} .menu-item-data:hover .menu-item-sel {display: block;} .menu-item-write {width: 22px;height: 6px;margin: 0 auto;background-color: #ffffff;border-radius: 5px;} .menu-item-more {width: 438px;height: 214px;position: absolute;top: 57px;left: 244px;z-index: 1000;display: none;} .menu-item-data:hover .menu-item-more {display: block;} .menu-item-data:hover .menu-item-title {color: #0284FF;} .menu-item-more-raw-one {width: 100%;height: 16px;} .menu-item-more-raw-two {width: 100%; height: 240px;background: #ffffff;box-shadow: 1px 1px 7px rgba(0,0,0,0.5);-moz-box-shadow: 1px 1px 7px rgba(0,0,0,0.5);position: absolute;} .menu-item-more-raw-three {width: 100%; height: 120px;background: #ffffff;box-shadow: 1px 1px 7px rgba(0,0,0,0.5);-moz-box-shadow: 1px 1px 7px rgba(0,0,0,0.5);position: absolute;} .menu-sub-item {width: 130px;height: 30px;line-height: 30px;text-align: center;margin-top: 16px;margin-left: 11px;font-family: 微软雅黑;font-size: 14px;color: #333333;background: #F8F9FB;float: left;} .menu-sub-item:hover { background: #E6F2FF; color: #0284FF; } .menu-item-more-triangle {width: 0;height: 0;margin: 0 auto;border: 8px solid transparent;border-bottom-color: #A0DFFF;} .nav12 {width: 1200px;height: 50px;} .nav12.nav2 {height: 0;} .menu-raw-box {width: 1200px;height: 100%;position: absolute;left: 50%;margin: 0 auto 0 -600px;} .sf-menu{padding-bottom:0px;list-style-type:none;margin:0px;padding-left:0px;padding-right:0px;padding-top:0px} .sf-menu *{padding-bottom:0px;list-style-type:none;margin:0px;padding-left:0px;padding-right:0px;padding-top:0px} .sf-menu{line-height:1} .sf-menu .sf_sec_ul{position:absolute;width:168px;top:-99em/*二级菜单隐藏*/;/*background: rgba(55,70,83,0.95)*/;text-align: left;background-color: #374653;opacity: 0.95;filter:alpha(opacity=95)/*border-left: solid 1px #eeeeee;border-right: solid 1px #eeeeee;*/ -moz-box-shadow:-5px 0px 5px -5px #c0c0c0,5px 0px 5px -5px #c0c0c0,0px 5px 5px -5px #c0c0c0; -webkit-box-shadow:-5px 0px 5px -5px #c0c0c0,5px 0px 5px -5px #c0c0c0,0px 5px 5px -5px #c0c0c0; box-shadow:-5px 0px 5px -5px #c0c0c0,5px 0px 5px -5px #c0c0c0,0px 5px 5px -5px #c0c0c0; -moz-border-bottom-right-radius: 5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;-moz-border-bottom-left-radius: 5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;} .sf-menu .sf_sec_ul>li{width:100%; height: 40px;position:relative;border-bottom:solid 1px #636e77;} .sf-menu .sf_sec_ul>li .erji{width:100%;font:normal 14px/40px "微软雅黑";color:#fff;} .sf-menu .sf_sec_ul>li .erji:hover{outline-width:0px;background-color: #06a3f2;font:14px/40px "微软雅黑";color: #ffffff;} .sf-menu .sf_sec_ul>li .erji.hover{outline-width:0px;background-color: #06a3f2;font:14px/40px "微软雅黑";color: #ffffff;} .sf-menu .sf_sec_ul .lastli{-moz-border-radius: 5px;-webkit-border-radius:5px;border-radius:5px;} .sf-menu .sf_sec_ul li:last-child{border: none;-moz-border-bottom-right-radius: 5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;-moz-border-bottom-left-radius: 5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;} .sf-menu a:hover{visibility:inherit} .sf-menu a{position:relative;display:block} .sf-menu:hover .sf_sec_ul{z-index:99;top:2.50em;left:0px} /* .sf-menu a{color:#13a} .sf-menu a:visited{color:#13a}*/ .sf-menu a:hover{outline-width:0px;} .sf-menu a:focus{outline-width:0px;} .sf-menu a:hover{outline-width:0px; } .sf-menu a:active{outline-width:0px;} .sf-menu a.sf-with-ul{min-width:1px;padding-right:2.25em} .sf-menu .sf_sec_ul>li:hover .sf_thr_ul{ display:block} .sf-menu .sf_sec_ul>li .sf_thr_ul{ position:absolute; top:0; left:168px; width:168px;opacity: 1;display:none;background-color: #FFFFFF;/*border-left: solid 1px #eeeeee;border-right: solid 1px #eeeeee;border-top: solid 1px #eeeeee;*/ -moz-box-shadow:0px 0px 5px #c0c0c0; -webkit-box-shadow:0px 0px 5px #c0c0c0; box-shadow:0px 0px 5px #c0c0c0; -moz-border-bottom-right-radius: 5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;-moz-border-bottom-left-radius: 5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;} .sf-menu .sf_sec_ul>li .sf_thr_ul .sanji_li{width: 100%;height:40px;border-bottom: solid 1px #e2e7ec;text-align: center;} .sf-menu .sf_sec_ul>li .sf_thr_ul .sf_zh{border: none;-moz-border-bottom-right-radius: 5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;-moz-border-bottom-left-radius: 5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;} .sf-menu .sf_sec_ul>li .sf_thr_ul .sanji_li:hover{background: #06a3f2;} .sf-menu .sf_sec_ul>li .sf_thr_ul .sanji_li .sanji{width: 168px;height: 40px;font: normal 14px/40px "微软雅黑";color: #555555} .sf-menu .sf_sec_ul>li .sf_thr_ul .sanji_li .sanji:hover{color:#fff;} .sf-menu .sf_sec_ul>li .sf_sec_ul_icon{display: inline-block;background: url('/static/images/home/sf_sec_icon_bl.png'); width: 4px; height: 4px; margin-left: 26px; margin-right: 10px; margin-bottom: 3px;} .navcont12 {position: relative;left: 0;top:0;height: 130px;background: url("http://image.data.cma.cn/static/image/home/banner-middle2.png");} .navcont12 .left {float: left;height: 100%;width: 540px;background: url("http://image.data.cma.cn/static/image/home/banner-left2.png") no-repeat;} .navcont12 .right {float: right;height: 100%;width: 592px;background: url("http://image.data.cma.cn/static/image/home/banner-right2.png") no-repeat;} .navcont12 .cont {width: 1200px;height: 100%;position: absolute;left: 50%;margin: 0 auto 0 -600px;} .Crumbs-line12 {background: none;position: relative;left: 0;top:0;height: 48px;} .nav12 .Crumbs {background: none;text-indent: 0;height: 48px;line-height: 48px;width: 1200px;} .nav12 .Crumbs a {color: #666666;} .nav-right { float: right; width: 207px; height: 36px; margin-top: 2px; } .search-logo {float: left;width: 154px; height: 100%;background: url("http://image.data.cma.cn/static/image/home/search-logo2.png") no-repeat 0 center;margin-left: 70px;} .search-box {float: left;width: 900px;height: 130px;margin-left: 10px;} .search-row {width: 900px;height: 44px;padding-top: 24px;} .hot-raw {width: 100%;height: 50px;margin-top: 13px;} .hot-box {width: 900px;height: 30px; overflow: hidden;} .hot-title {float: left;font-family: 微软雅黑;font-size: 14px;width: 70px;height: 30px;line-height: 30px;color: #ffffff;} .hot-word {width: auto;height: 28px;line-height: 28px;float: left;border-radius: 14px;background-color: #066CCB;text-align: center;font-family: 微软雅黑;font-size: 14px; color: #ffffff;padding-left: 15px;padding-right: 15px;margin-left: 15px;margin-bottom: 10px;} .hot-word:hover {cursor: pointer;background-color: rgba(255,255,255,0.2);} .search-form { float: left; width: 740px; height: 42px; border-radius: 5px; background-color: #f3f6fb; border: solid 1px #ccc; } .search-form #uSearch{ float: left; width: 666px; height: 30px; line-height: 30px; border: none; background-color: transparent; outline: none; font-size: 14px; margin-left: 5px; } #uSearch::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } #uSearch:-moz-placeholder { color: #999; } #uSearch::-moz-placeholder { color: #999; } #uSearch:-ms-input-placeholder { color: #999; } .search-btn {width: 44px;height: 44px;float: left;background: url("http://image.data.cma.cn/static/image/home/search-icon.png") no-repeat center center;} .search-btn:hover {cursor: pointer;} .data-list-view {width: 104px; height: 44px;font-family: 微软雅黑;font-size: 15px;color: #444444;text-align: center;line-height: 44px;float: left;margin-left: 11px;background-color: #f3f6fb;border-radius: 5px;} .data-list-view:hover {color:#0284FF;} li{margin-top: 0px !important; margin-bottom: 0px !important;} .live-data-raw {width: 390px;height: 46px;margin: 0 auto;border-bottom: 1px solid #e5e5e5;background: url("http://image.data.cma.cn/static/image/home/live-data.png") no-repeat 0 center; color: #333333; font-size: 14px; font-family: 微软雅黑;font-weight: bold;line-height: 46px;text-align: left;text-indent: 20px;} .live-data-raw-two { width: 390px;height: 40px;margin: 0 auto; } .live-data-raw-two-ele { width: 78px; height: 40px; line-height: 40px; text-align: center; font-family: 微软雅黑; font-size: 12px; color: #666666; float: left; } .live-data-raw-two-ele:hover { cursor: pointer; color: #077cf0; } .meMoAr{width: 390px;height: 46px;margin: 0 auto;color: #333333; font-size: 14px; font-family: 微软雅黑;font-weight: bold;line-height: 46px;text-align: left;text-indent: 20px;} .gis-raw {background: url("http://image.data.cma.cn/static/image/home/gis-show.png") no-repeat 0 center;} .mete-back {background: url("http://image.data.cma.cn/static/image/home/mete-back.png") no-repeat 0 center;} .omSeIp{background: url("http://image.data.cma.cn/static/image/home/omSeIp.png") no-repeat 0 center;} </style> <div class="body-banner-top"> <div class="menu-raw-box"> <a href="/"><div class="logo-new"></div></a> <div class="menu-raw"> <div class="menu-list"> <div class="menu-item-data"> <a target="_self" href="/"><div class="menu-item-title">首页</div></a> <div class="menu-item-sel"> <div class="menu-item-write"></div> </div> </div> <div class="menu-item-data"> <a target="_blank" href="/data/cdcindex/cid/f0fb4b55508804ca.html"><div class="menu-item-title">数据服务</div></a> <div class="menu-item-sel"> <div class="menu-item-write"></div> </div> <div class="menu-item-more"> <div class="menu-item-more-raw-one"> <div class="menu-item-more-triangle"></div> </div> <div class="menu-item-more-raw-two">  <a target="_blank" href="/data/cdcindex/cid/f0fb4b55508804ca.html"><div class="menu-sub-item">地面气象资料</div></a> <a target="_blank" href="/data/cdcindex/cid/e6ba725cabfddf8b.html"><div class="menu-sub-item">高空气象资料</div></a> <a target="_blank" href="/data/cdcindex/cid/995b999bbea581d8.html"><div class="menu-sub-item">海洋气象资料</div></a>      <a target="_blank" href="/data/cdcindex/cid/227aa07a9079550a.html"><div class="menu-sub-item">天气雷达资料</div></a> <a target="_blank" href="/data/cdcindex/cid/125cb60be7cb5b8d.html"><div class="menu-sub-item">风云气象卫星</div></a> <a target="_blank" href="/data/cdcindex/cid/2394c8743858b249.html"><div class="menu-sub-item">国外气象卫星</div></a> <a target="_blank" href="/data/cdcindex/cid/d3dc8c1bb18c1821.html"><div class="menu-sub-item">实况和再分析产品</div></a> <a target="_blank" href="/data/cdcindex/cid/f5d7270bd7a305a1.html"><div class="menu-sub-item">数值预报产品</div></a> <a target="_blank" href="/data/cdcindex/cid/487b57367184916d.html"><div class="menu-sub-item">天气预报产品</div></a> <a target="_blank" href="/data/cdcindex/cid/d162055b2f97227b.html"><div class="menu-sub-item">天气实况产品</div></a> <a target="_blank" href="/data/cdcindex/cid/930ff327f47fed32.html"><div class="menu-sub-item">台风与海洋预报产品</div></a> <a target="_blank" href="/data/cdcindex/cid/fb7475c024d65115.html"><div class="menu-sub-item">气象服务产品</div></a>      </div> </div> </div> <div class="menu-item-data"> <a target="_blank" href="/market/index.html"><div class="menu-item-title">接口服务</div></a> <div class="menu-item-sel"> <div class="menu-item-write"></div> </div> </div> <div class="menu-item-data"> <a target="_blank" href="http://dcpzx.cma.cn/#/"><div class="menu-item-title">数据汇交</div></a> <div class="menu-item-sel"> <div class="menu-item-write"></div> </div> </div> <div class="menu-item-data"> <div class="menu-item-title">可视化</div> <div class="menu-item-sel"> <div class="menu-item-write"></div> </div> <div class="menu-item-more" style="left: 477px;"> <div class="menu-item-more-raw-one"> <div class="menu-item-more-triangle"></div> </div> <div class="menu-item-more-raw-two"> <div class="live-data-raw">实况资料 >></div> <div class="live-data-raw-two">  <a target="_blank" href="/data/online.html?t=3"> <div class="live-data-raw-two-ele">卫星云图</div> </a> <a target="_blank" href="/data/online.html?t=4"> <div class="live-data-raw-two-ele">雷达产品</div> </a> <a target="_blank" href="/data/online.html?t=6"> <div class="live-data-raw-two-ele">网格产品</div> </a> <a target="_blank" href="/data/online.html?t=7"> <div class="live-data-raw-two-ele">陆面同化</div> </a> </div> <a target="_blank" href="/dataGis/static/gridgis/#/pcindex"><div class="meMoAr gis-raw">GIS在线分析 >></div></a> <a target="_blank" href="/data/weatherBk.html"><div class="meMoAr mete-back">气候背景 >></div></a>  </div> </div> </div> <div class="menu-item-data"> <a target="_blank" href="/site/theme.html"><div class="menu-item-title">气象专题</div></a> <div class="menu-item-sel"> <div class="menu-item-write"></div> </div> <div class="menu-item-more" style="left: 552px;"> <div class="menu-item-more-raw-one"> <div class="menu-item-more-triangle"></div> </div> <div class="menu-item-more-raw-three"> <a target="_blank" href="http://czce.data.cma.cn/"><div class="menu-sub-item">郑商所气温指数</div></a> <a target="_blank" href="https://data.cma.cn/ChinaArab"><div class="menu-sub-item">中阿峰会专题</div></a> <a target="_blank" href="https://data.cma.cn/Asean/#/asean"><div class="menu-sub-item">东盟国际论坛专题</div></a> <a target="_blank" href="https://data.cma.cn/datanet-energy/#/home"><div class="menu-sub-item">新能源专题</div></a> <a target="_blank" href="https://data.cma.cn/travel-ocean/#/ocean"><div class="menu-sub-item">远洋导航专题</div></a> <a target="_blank" href="http://121.229.107.53:8049/"><div class="menu-sub-item">3D台风专题</div></a> </div> </div> </div> <div class="menu-item-data"> <a target="_blank" href="/article/getServiceCase/cateId/9.html"><div class="menu-item-title">服务案例</div></a> <div class="menu-item-sel"> <div class="menu-item-write"></div> </div> </div> <div class="menu-item-data"> <a target="_blank" href="/article/getLeft/id/249/keyIndex/1.html"><div class="menu-item-title">用户支持</div></a> <div class="menu-item-sel"> <div class="menu-item-write"></div> </div> </div> <div class="menu-item-data"> <a target="_blank" href="/article/getLeft/id/270/type/3.html"><div class="menu-item-title">关于我们</div></a> <div class="menu-item-sel"> <div class="menu-item-write"></div> </div> <div class="menu-item-more" style="left: 789px;"> <div class="menu-item-more-raw-one"> <div class="menu-item-more-triangle"></div> </div> <div class="menu-item-more-raw-two"><a target="_blank" href="/article/getLeft/id/270/type/3.html"><div class="menu-sub-item">平台概况</div></a> <a target="_blank" href="/article/getLeft/id/359/type/3.html"><div class="menu-sub-item">单位简介</div></a>  <a target="_blank" href="/article/getLeft/id/372/type/3/cateId/15.html"><div class="menu-sub-item">工作机会</div></a> <a target="_blank" href="/article/getLeft/id/394/type/3/cateId/44.html"><div class="menu-sub-item">政务公开</div></a> <a target="_blank" href="/article/getLeft/id/251/type/3.html"><div class="menu-sub-item">联系我们</div></a> </div> </div> </div> </div> </div> <a target="_blank" href="/forecast/index.html"> <div class="weather-box"> <div class="weather-col-one"> <img style="width: 20px;margin-top: 4px;margin-left: 9px;" src=""> </div> <div class="weather-col-two"></div> <div class="weather-col-three"></div> <div class="weather-col-four"></div> </div> </a> </div> </div> <div class="navcont12"> <div class="left"></div> <div class="right"></div> <div class="cont"> <div class="search-logo"></div> <div class="search-box"> <div class="search-row"> <div class="search-form"> <input id="uSearch" type="text" name="keywords" placeholder="搜一下试试" value=""> <div class="search-btn" onclick="renderUSearch()"></div> </div> <a target="_blank" href="/search/aSearch.html"><div class="data-list-view">高级检索</div></a> </div> <div class="hot-raw"> <div class="hot-box"> </div> </div> </div> </div> </div> <div class="nav12 ">   <div class="Crumbs-line12" style="display: block"> <div class="Crumbs"> <div style="float: left;height: 12px;width: 3px;background: #2C9AEF;margin-right: 10px;margin-top: 18px;"></div> <a href="/">首页</a> </div> </div> </div> <script> var localAddress = {}; localAddress['province'] = '北京'; localAddress['city'] = '北京'; </script> <script type="text/javascript" src="http://ip.ws.126.net/ipquery"></script> <script> localAddress['province'] = localAddress['province'].replace('市', '').replace('省', ''); localAddress['city'] = localAddress['city'].replace('市', '').replace('区', ''); var myprovince = localAddress['province']; var mycity = localAddress['city']; if (myprovince == '北京' || myprovince == '天津' || myprovince == '上海' || myprovince == '重庆') { mycity = myprovince; } $.ajax({ url: 'https://data.cma.cn/kbweb/home/getStationID', type: "POST", contentType: "application/json", dataType: "json", data: JSON.stringify({"city": mycity}), success: function (result) { var lat = result.result.V05001; var lon = result.result.V06001; getLiveMJInfo(lat, lon); getLiveSYSInfo(lat, lon); }, error: function (e) { console.log(e) } }); function getLiveSYSInfo(lat, lon) { var url = 'https://data.cma.cn/kbweb/home/live'; $.ajax({ url: url, type: "POST", contentType: "application/json", dataType: "json", data: JSON.stringify({ "lat": lat, "lon": lon, "type": "0" }), success: function (data0) { var ds = data0.result.DS[0]; var tem = ds.TEM; if (tem == '9999') { tem = '--'; } $('.weather-col-three').html(tem + '°C'); }, error: function (e) { console.log(e) } }); } function getLiveMJInfo(lat, lon) { var url = 'https://data.cma.cn/kbweb/home/live'; $.ajax({ url: url, type: "POST", contentType: "application/json", dataType: "json", data: JSON.stringify({ "lat": lat, "lon": lon, "type": "1" }), success: function (data1) { var condition = data1.result.data.condition; var liveData = dealMoJiLiveData(condition); var conditionId = liveData.weatherIcon; var wth = liveData.condition; var imgUrl = 'https://k.data.cma.cn/liveIcon/'+ conditionId +'.png'; $(".weather-col-one img").attr("src", imgUrl); $(".weather-col-two").html(mycity); }, error: function (e) { console.log(e) } }); } function dealMoJiLiveData(data) { var liveData = data; if (data && data.vis !== undefined) { data.vis = (data.vis / 1000).toFixed(1); } liveData.weatherIcon = MoJiliveConditionID2ICon( liveData.conditionId ); return liveData; } function MoJiliveConditionID2ICon(conditionId) { conditionId = +conditionId; var conditionIds = { "1": {day: 0, night: 30}, "2": {day: 0, night: 30}, "3": {day: 0, night: 30}, "4": {day: 0, night: 30}, "5": {day: 0, night: 30}, "6": {day: 0, night: 30}, "7": {day: 0, night: 30}, "8": {day: 1, night: 31}, "9": {day: 1, night: 31}, "10": {day: 1, night: 31}, "11": {day: 1, night: 31}, "12": {day: 1, night: 31}, "13": {day: 2, night: 32}, "14": {day: 2, night: 32}, "15": {day: 3, night: 33}, "16": {day: 3, night: 33}, "17": {day: 3, night: 33}, "18": {day: 3, night: 33}, "19": {day: 3, night: 33}, "20": {day: 3, night: 33}, "21": {day: 3, night: 33}, "22": {day: 3, night: 33}, "23": {day: 3, night: 33}, "24": {day: 13, night: 34}, "25": {day: 13, night: 34}, "26": {day: 18, night: 32}, "27": {day: 18, night: 32}, "28": {day: 18, night: 32}, "29": {day: 20, night: 36}, "30": {day: 29, night: 35}, "31": {day: 29, night: 35}, "32": {day: 29, night: 35}, "33": {day: 20, night: 36}, "34": {day: 45, night: 46}, "35": {day: 45, night: 46}, "36": {day: 2, night: 2}, "37": {day: 4, night: 4}, "38": {day: 4, night: 4}, "39": {day: 4, night: 4}, "40": {day: 4, night: 4}, "41": {day: 4, night: 4}, "42": {day: 4, night: 4}, "43": {day: 4, night: 4}, "44": {day: 5, night: 5}, "45": {day: 5, night: 5}, "46": {day: 5, night: 5}, "47": {day: 5, night: 5}, "48": {day: 5, night: 5}, "49": {day: 6, night: 6}, "50": {day: 6, night: 6}, "51": {day: 7, night: 7}, "52": {day: 7, night: 7}, "53": {day: 8, night: 8}, "54": {day: 9, night: 9}, "55": {day: 10, night: 10}, "56": {day: 10, night: 10}, "57": {day: 10, night: 10}, "58": {day: 14, night: 14}, "59": {day: 14, night: 14}, "60": {day: 15, night: 15}, "61": {day: 15, night: 15}, "62": {day: 16, night: 16}, "63": {day: 17, night: 17}, "64": {day: 19, night: 19}, "65": {day: 19, night: 19}, "66": {day: 7, night: 7}, "67": {day: 8, night: 8}, "68": {day: 9, night: 9}, "69": {day: 10, night: 10}, "70": {day: 10, night: 10}, "71": {day: 14, night: 14}, "72": {day: 14, night: 14}, "73": {day: 14, night: 14}, "74": {day: 15, night: 15}, "75": {day: 15, night: 15}, "76": {day: 16, night: 16}, "77": {day: 15, night: 15}, "78": {day: 8, night: 8}, "79": {day: 45, night: 46}, "80": {day: 1, night: 31}, "81": {day: 1, night: 31}, "82": {day: 1, night: 31}, "83": {day: 18, night: 32}, "84": {day: 18, night: 32}, "85": {day: 2, night: 2}, "86": {day: 3, night: 33}, "87": {day: 4, night: 4}, "88": {day: 4, night: 4}, "89": {day: 4, night: 4}, "90": {day: 4, night: 4}, "91": {day: 7, night: 7}, "92": {day: 9, night: 9}, "93": {day: 10, night: 10}, "94": {day: 15, night: 15} }; return conditionIds[conditionId].day; } function renderUSearch() { var keywords = $('#uSearch').val() if(keywords == ''){ keywords = '台风'; } var secondKey = $('.input-aq').val() if (secondKey == undefined) { secondKey = '' } window.sessionStorage.setItem('keywords', keywords); window.sessionStorage.setItem('secondKey', secondKey); window.sessionStorage.setItem('dataClass', ''); window.sessionStorage.setItem('spatial', ''); window.sessionStorage.setItem('timeRes', ''); window.sessionStorage.setItem('selKey', ''); window.sessionStorage.setItem('orderBy', 'desc'); window.sessionStorage.setItem('pageNo', 1); window.sessionStorage.setItem('pageSize', 10); window.sessionStorage.setItem('categoryId', ''); window.sessionStorage.setItem('seClass', 'data'); window.open("/search/uSearch.html?keywords=" + keywords); } $('#uSearch').keyup(function (event) { if(event.keyCode ==13){ renderUSearch(); } }); function hotWordSearch(self) { $('#uSearch').val($(self).html()); renderUSearch(); } function getHotKeyword() { var url = '/site/hotKeyword'; $.ajax({ url: url, type: 'GET', dataType: 'json', success:function (result) { var code = result.code; if (!(code == 0 || code == -1)) { console.log('error log:' + result.message); return; } var dataList = result.result; var html = '<div class="hot-title">热词搜索：</div>'; html += '<div class="hot-word" onclick="hotWordSearch(this)">再分析</div>'; if (dataList) { for (var i = 0; i < dataList.length; i++) { html += '<div class="hot-word" onclick="hotWordSearch(this)">'+ dataList[i].keyword +'</div>'; } } html += '</div>'; $('.hot-box').html(''); $('.hot-box').html(html); } }) } $(function() { getHotKeyword(); }) </script> <div class="content" style="min-height: 300px;"> <div style="width:800px;">  <script type="text/javascript"> var _paq = _paq || []; var _paq2 = _paq2 || []; function getPiwik(url, siteId, paq){ paq.push(['trackPageView']); paq.push(['enableLinkTracking']); paq.push(['setTrackerUrl', url+'piwik.php']); paq.push(['setSiteId', siteId]); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.async=false; g.defer=true; g.src=url+'piwik.js'; s.parentNode.appendChild(g); } getPiwik("https://analytics.escience.org.cn/", '6', _paq); getPiwik("https://wx.data.cma.cn:8111/", 1, _paq2); </script>  <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>index</title> <script src="/weatherGis/static/jquery/jquery-1.9.1.min.js" type="text/javascript"></script> <script src="/weatherGis/static/jquery-easyui-1.10.17/jquery.easyui.min.js" type="text/javascript"></script> <script src="/weatherGis/static/jquery-easyui-1.10.17/locale/easyui-lang-zh_CN.js" type="text/javascript"></script> <link href="/weatherGis/static/jquery-easyui-1.10.17/themes/default/easyui.css" rel="stylesheet" type="text/css" /> <link href="/weatherGis/static/jquery-easyui-1.10.17/themes/icon.css" rel="stylesheet" type="text/css" /> <style type="text/css"> *{margin:0;padding:0;} .marDiv{clear:both;} .vis-container{width:1200px;min-height:520px;margin:0px auto;position:relative;} .leftMenu{width:250px;background-color:#fff;float:left;} .rightContent{float:right;width:950px;top:0px;} #contentTable{width:950px;border-collapse:collapse;border-spacing:0;border:0px;} ul,li,img{margin:0;padding:0;border:0;list-style-type:none;} #list{height:250px;list-style-type:none;overflow:hidden;} #luanpo{max-width:800px;height:500px;border:1px solid #CCC;margin:0 auto;position:relative;overflow:hidden;} #images li{float:left;height:400px;width:800px;} #images{height:400px;background:#ddd;position:absolute;} #tablerow1{background:#e0edff;height:20px;font-size:12px;font-weight:bold;} #tablerow2{background:#EFF5FF;height:30px;} #mainTable{width:1200px;border-collapse: collapse;border-spacing: 0;} td{border:0px solid red;} #meunDiv{border:0px solid blue;margin-right:-60px;padding-right:-50px;position:absolute;} /* #hourDiv{width:150px;margin-left:-120px;} */ .textSpan{font-size:12px;} #showimages{margin-right:8px;margin-bottom:25px;} .datebox-button{display:none;} #tablerow2MonStat{display:none;background:#fff;} #tablerow3MonStat{display:none;vertical-align:top;} #monStatTable{border-collapse:collapse;border-spacing:0;font-size:14px;} #monStatTable td{border:1px solid #dfdfdf;width:161px;text-align:center;height:30px;} .monStatDesc{font-size:14px;text-align:left;background:#fff;padding-left:14px;padding-top:3px;padding-bottom:4px;} .monStatDesc2{padding-top:0px;} .monStatDesc2 span{margin-left:10px;} .monStatTableTr1 td{background:#a4aeb9;color:#fff;font-weight:bold;} .colorTr td{background:#f6f8fa;} .hoverColorTr:hover td{background:#c0ebe3;} .textSpanProvince{margin-left:14px;} </style> <script language="javascript"> var date = new Date(); //var day = date.getUTCFullYear() + "-" + (date.getUTCMonth() + 1) + "-" + date.getUTCDate(); var day = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate(); var getedtimejson=""; var num = 0; var selectDataCode = null; var dataTimeList = new Array(); $(function() { console.log('设置时间范围', new Date()) //设置时间范围 $('#time').datebox('calendar').calendar({ validator: function(date){ var d1 = new Date(); var d2 = new Date().setMonth(d1.getMonth()-3); return d1>=date && date>=d2; } }); $('#time').datebox({ onSelect : function(date) { var m = date.getMonth() + 1; var m1 = m + '' if (m1.length == 1) { m1 = '0' + m1; } var d = date.getDate(); var d1 = d + '' if (d1.length == 1) { d1 = '0' + d1; } day = date.getFullYear() + m1 + d1; getVisData(false); } }); $('#cc').combobox({ onChange:function(newValue, oldValue){ var i = getArIndex(newValue); if(i!=undefined){ showImg(i); } } }); $('#cc3').combobox({ onChange:function(newValue, oldValue){ var i = getGroupImageIndex(newValue); keynumFcst=i; if(i!=undefined && fcstFlag!=0){ document.getElementById("showimages").src =imageGroup[shijianArIndex][keynumFcst].fileURL; } } }); $('#provinceSelect').combobox({ onChange:function(newValue, oldValue){ getStationData2(newValue); } }); $('#stationSelect').combobox({ onChange:function(newValue, oldValue){ getMonStatData(newValue); } }); $('#cc').combobox({ onShowPanel:function(none){ stop(); } }); $('#cc2').combobox({ onShowPanel:function(none){ stop(); } }); $('#cc3').combobox({ onShowPanel:function(none){ stop(); } }); $("#showimages").click(function(){ if(imagelist[keynum]!=undefined){ var href=imagelist[keynum]; window.open(href); } }); var data = '[{"id":"6","text":"智能网格实况产品","textAl":"","dataCode":"","isfcstVT":0,"isDaily":0,"children":[{"id":"601","text":"1小时降水","textAl":"","dataCode":"1kmCLDAS_ChnPre01","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"605","text":"3小时降水","textAl":"","dataCode":"1kmCLDAS_ChnPre03","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"603","text":"小时气温","textAl":"","dataCode":"CLDAS_ChnTem01","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"101252","text":"24小时最高气温","textAl":"","dataCode":"HRCLDAS_RT_CHN_0P01_HOR-MXT_24h","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"604","text":"能见度","textAl":"","dataCode":"CLDAS_RT_CHN_0P05_HOR-VIS","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""}],"isDownload":0,"downloadUrl":""},{"id":"3","text":"卫星云图","textAl":"","dataCode":"","isfcstVT":0,"isDaily":0,"children":[{"id":"302","text":"风四云图","textAl":"","dataCode":"IMG_FY4B-_AGRI--_N_DISK_1050E_L2-_GCLR_MULT_NOM","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""}],"isDownload":0,"downloadUrl":""},{"id":"4","text":"雷达产品","textAl":"","dataCode":"","isfcstVT":0,"isDaily":0,"children":[{"id":"401","text":"全国雷达拼图","textAl":"","dataCode":"RAD__B0_CR","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"402","text":"东北雷达拼图","textAl":"","dataCode":"RADA_L3_MST_REF_PNG_ANEC","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"403","text":"华北雷达拼图","textAl":"","dataCode":"RADA_L3_MST_REF_PNG_ANCN","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"404","text":"西北雷达拼图","textAl":"","dataCode":"RADA_L3_MST_REF_PNG_ANWC","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"405","text":"西南雷达拼图","textAl":"","dataCode":"RADA_L3_MST_REF_PNG_ASWC","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"406","text":"华中雷达拼图","textAl":"","dataCode":"RADA_L3_MST_REF_PNG_ACCN","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"407","text":"华东雷达拼图","textAl":"","dataCode":"RADA_L3_MST_REF_PNG_AECN","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"408","text":"华南雷达拼图","textAl":"","dataCode":"RADA_L3_MST_REF_PNG_ASCN","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""}],"isDownload":0,"downloadUrl":""},{"id":"7","text":"中国陆面数据同化系统","textAl":"","dataCode":"","isfcstVT":0,"isDaily":0,"children":[{"id":"702","text":"陆面驱动场","textAl":"","dataCode":"","isfcstVT":0,"isDaily":0,"children":[{"id":"70211","text":"2m气温产品","textAl":"","dataCode":"NAFP_CLDAS2.0_RT_JPG_TMP","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"70212","text":"2m湿度产品","textAl":"","dataCode":"NAFP_CLDAS2.0_RT_JPG_SHU","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"70213","text":"10m风速产品","textAl":"","dataCode":"NAFP_CLDAS2.0_RT_JPG_WIN","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"70214","text":"地面气压产品","textAl":"","dataCode":"NAFP_CLDAS2.0_RT_JPG_PRS","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"70215","text":"降水产品","textAl":"","dataCode":"NAFP_CLDAS2.0_RT_JPG_PRE","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"70216","text":"短波辐射产品","textAl":"","dataCode":"NAFP_CLDAS2.0_RT_JPG_SSRA","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""}],"isDownload":0,"downloadUrl":""},{"id":"701","text":"CLDAS土壤湿度小时产品","textAl":"","dataCode":"","isfcstVT":0,"isDaily":0,"children":[{"id":"70111","text":"0-5 cm土壤湿度产品","textAl":"","dataCode":"NAFP_CLDAS2.0_RT_JPG_SM000005","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"70112","text":"0-10 cm土壤湿度产品","textAl":"","dataCode":"NAFP_CLDAS2.0_RT_JPG_SM000010","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"70113","text":"10-40 cm土壤湿度产品","textAl":"","dataCode":"NAFP_CLDAS2.0_RT_JPG_SM010040","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"70114","text":"40-100 cm土壤湿度产品 ","textAl":"","dataCode":"NAFP_CLDAS2.0_RT_JPG_SM040100","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"70115","text":"100-200 cm土壤湿度产品","textAl":"","dataCode":"NAFP_CLDAS2.0_RT_JPG_SM100200","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""}],"isDownload":0,"downloadUrl":""},{"id":"703","text":"CLDAS土壤湿度日产品","textAl":"","dataCode":"","isfcstVT":0,"isDaily":0,"children":[{"id":"70311","text":"0-5 cm土壤湿度产品","textAl":"","dataCode":"NAFP_CLDAS2.0_RT_JPG_D_SM000005","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"70312","text":"0-10 cm土壤湿度产品","textAl":"","dataCode":"NAFP_CLDAS2.0_RT_JPG_D_SM000010","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"70313","text":"10-40 cm土壤湿度产品","textAl":"","dataCode":"NAFP_CLDAS2.0_RT_JPG_D_SM010040","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"70314","text":"40-100 cm土壤湿度产品 ","textAl":"","dataCode":"NAFP_CLDAS2.0_RT_JPG_D_SM040100","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"70315","text":"100-200 cm土壤湿度产品","textAl":"","dataCode":"NAFP_CLDAS2.0_RT_JPG_D_SM100200","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""}],"isDownload":0,"downloadUrl":""},{"id":"704","text":"CLDAS土壤相对湿度小时产品","textAl":"","dataCode":"","isfcstVT":0,"isDaily":0,"children":[{"id":"70411","text":"0-10 cm土壤湿度产品","textAl":"","dataCode":"NAFP_CLDAS2.0_RT_JPG_RSM000010","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"70412","text":"0-20 cm土壤湿度产品","textAl":"","dataCode":"NAFP_CLDAS2.0_RT_JPG_RSM000020","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"70413","text":"0-50 cm土壤湿度产品","textAl":"","dataCode":"NAFP_CLDAS2.0_RT_JPG_RSM000050","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""}],"isDownload":0,"downloadUrl":""},{"id":"705","text":"CLDAS土壤相对湿度日产品","textAl":"","dataCode":"","isfcstVT":0,"isDaily":0,"children":[{"id":"70511","text":"0-10 cm土壤湿度产品","textAl":"","dataCode":"NAFP_CLDAS2.0_RT_JPG_D_RSM000010","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"70512","text":"0-20 cm土壤湿度产品","textAl":"","dataCode":"NAFP_CLDAS2.0_RT_JPG_D_RSM000020","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"70513","text":"0-50 cm土壤湿度产品","textAl":"","dataCode":"NAFP_CLDAS2.0_RT_JPG_D_RSM000050","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""}],"isDownload":0,"downloadUrl":""},{"id":"706","text":"CLDAS土壤温度小时产品","textAl":"","dataCode":"","isfcstVT":0,"isDaily":0,"children":[{"id":"70611","text":"5cm土壤温度小时产品","textAl":"","dataCode":"NAFP_CLDAS2.0_RT_JPG_GST005","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"70612","text":"10cm土壤温度小时产品","textAl":"","dataCode":"NAFP_CLDAS2.0_RT_JPG_GST010","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"70613","text":"40cm土壤温度小时产品","textAl":"","dataCode":"NAFP_CLDAS2.0_RT_JPG_GST040","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"70614","text":"100cm土壤温度小时产品","textAl":"","dataCode":"NAFP_CLDAS2.0_RT_JPG_GST100","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"70615","text":"200cm土壤温度小时产品","textAl":"","dataCode":"NAFP_CLDAS2.0_RT_JPG_GST200","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""}],"isDownload":0,"downloadUrl":""},{"id":"707","text":"CLDAS土壤温度日产品","textAl":"","dataCode":"","isfcstVT":0,"isDaily":0,"children":[{"id":"70711","text":"5cm土壤温度日产品","textAl":"","dataCode":"NAFP_CLDAS2.0_RT_JPG_D_GST005","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"70712","text":"10cm土壤温度日产品","textAl":"","dataCode":"NAFP_CLDAS2.0_RT_JPG_D_GST010","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"70713","text":"40cm土壤温度日产品","textAl":"","dataCode":"NAFP_CLDAS2.0_RT_JPG_D_GST040","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"70714","text":"100cm土壤温度日产品","textAl":"","dataCode":"NAFP_CLDAS2.0_RT_JPG_D_GST100","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"70715","text":"200cm土壤温度日产品","textAl":"","dataCode":"NAFP_CLDAS2.0_RT_JPG_D_GST200","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""}],"isDownload":0,"downloadUrl":""},{"id":"708","text":"CLDAS地表温度产品","textAl":"","dataCode":"","isfcstVT":0,"isDaily":0,"children":[{"id":"70811","text":"CLDAS地表温度小时产品","textAl":"","dataCode":"NAFP_CLDAS2.0_RT_JPG_GST","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"70812","text":"CLDAS地表温度日产品","textAl":"","dataCode":"NAFP_CLDAS2.0_RT_JPG_D_GST","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""}],"isDownload":0,"downloadUrl":""}],"isDownload":0,"downloadUrl":""},{"id":"8","text":"全球实况产品","textAl":"","dataCode":"","isfcstVT":0,"isDaily":0,"children":[{"id":"801","text":"台风-动力诊断","textAl":"","dataCode":"","isfcstVT":0,"isDaily":0,"children":[{"id":"80101","text":"海平面气压","textAl":"","dataCode":"art_atm_tc_synoptic_mslp","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"80102","text":"10m风场","textAl":"","dataCode":"art_sfc_tc_synoptic_10mwind","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"80103","text":"100hPa风速","textAl":"","dataCode":"art_atm_tc_synoptic_100hPauvstream_wsp","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"80104","text":"150hPa风速","textAl":"","dataCode":"art_atm_tc_synoptic_150hPauvstream_wsp","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"80105","text":"200hPa-风速","textAl":"","dataCode":"art_atm_tc_synoptic_uvstream_wsp","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"80106","text":"500hPa风速","textAl":"","dataCode":"art_atm_tc_synoptic_500hPauvstream_wsp","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"80107","text":"700hPa风速","textAl":"","dataCode":"art_atm_tc_synoptic_700hPauvstream_wsp","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"80108","text":"925hPa风速","textAl":"","dataCode":"art_atm_tc_synoptic_925hPauvstream_wsp","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"80109","text":"850hPa-风速","textAl":"","dataCode":"art_atm_tc_synoptic_850hPauvstream_wsp","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"80110","text":"200-850hPa","textAl":"","dataCode":"art_atm_tc_synoptic_200-850hPawindshear","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"80111","text":"200-500hPa","textAl":"","dataCode":"art_atm_tc_synoptic_200-500hPawindshear","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"80112","text":"500-850hPa","textAl":"","dataCode":"art_atm_tc_synoptic_500-850hPawindshear","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"80113","text":"位势高度场_风","textAl":"","dataCode":"art_atm_tc_synoptic_hgt_uv_wsp","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"80114","text":"100hPa散度_风速","textAl":"","dataCode":"art_atm_tc_synoptic_100hPauv_div","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"80115","text":"150hPa散度_风速","textAl":"","dataCode":"art_atm_tc_synoptic_150hPauv_div","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"80116","text":"200hPa散度_风速","textAl":"","dataCode":"art_atm_tc_synoptic_200hPauv_div","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"80117","text":"700hPa涡度_风速","textAl":"","dataCode":"art_atm_tc_synoptic_700hPauv_vort","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"80118","text":"850hPa涡度_风速","textAl":"","dataCode":"art_atm_tc_synoptic_850hPauv_vort","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"80119","text":"925hPa涡度_风速","textAl":"","dataCode":"art_atm_tc_synoptic_925hPauv_vort","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"80120","text":"副高588线","textAl":"","dataCode":"art_atm_tc_synoptic_hgt588","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"80121","text":"850hPa风场和风速标准化距平","textAl":"","dataCode":"art_atm_tc_synoptic_850hPaWind_normalizedWSPanormaly","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"80122","text":"700hPa风场和风速标准化距平","textAl":"","dataCode":"art_atm_tc_synoptic_700hPaWind_normalizedWSPanormaly","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"80123","text":"200hPa风场和风速标准化距平","textAl":"","dataCode":"art_atm_tc_synoptic_200hPaWind_normalizedWSPanormaly","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"80124","text":"850hPa风场和风速距平","textAl":"","dataCode":"art_atm_tc_synoptic_850hPaWind_WSPanormaly","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"80125","text":"700hPa风场和风速距平","textAl":"","dataCode":"art_atm_tc_synoptic_700hPaWind_WSPanormaly","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"80126","text":"200hPa风场和风速距平","textAl":"","dataCode":"art_atm_tc_synoptic_200hPaWind_WSPanormaly","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""}],"isDownload":0,"downloadUrl":""},{"id":"802","text":"台风-降水","textAl":"","dataCode":"","isfcstVT":0,"isDaily":0,"children":[{"id":"80201","text":"高度场","textAl":"","dataCode":"art_atm_tc_qpf_hgt_rain","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"80202","text":"海平面气压","textAl":"","dataCode":"art_atm_tc_qpf_mslp_rain_snow","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"80203","text":"降水","textAl":"","dataCode":"art_atm_tc_qpf_rain","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""}],"isDownload":0,"downloadUrl":""},{"id":"803","text":"台风-热力诊断","textAl":"","dataCode":"","isfcstVT":0,"isDaily":0,"children":[{"id":"80301","text":"相当位温","textAl":"","dataCode":"art_atm_tc_thermal_hgt_uv_theta","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"80302","text":"温度","textAl":"","dataCode":"art_atm_tc_thermal_hgt_uv_tmp","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"80303","text":"温度平流","textAl":"","dataCode":"art_atm_tc_hermal_hgt_uv_tmpadv","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"80304","text":"对流有效位能","textAl":"","dataCode":"art_atm_tc_thermal_hgt_uv_cape","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""}],"isDownload":0,"downloadUrl":""},{"id":"804","text":"台风-天气诊断","textAl":"","dataCode":"","isfcstVT":0,"isDaily":0,"children":[{"id":"80401","text":"水平散度","textAl":"","dataCode":"art_atm_tc_dynamic_hgt_uv_div","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"80402","text":"涡度平流","textAl":"","dataCode":"art_atm_tc_dynamic_hgt_uv_vortadv","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"80403","text":"垂直气压速度","textAl":"","dataCode":"art_atm_tc_dynamichgt_uv_vvel","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"80404","text":"位温","textAl":"","dataCode":"art_atm_tc_dynamic_uv_fg_thta","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""}],"isDownload":0,"downloadUrl":""},{"id":"805","text":"台风-湿度诊断","textAl":"","dataCode":"","isfcstVT":0,"isDaily":0,"children":[{"id":"80501","text":"相对湿度","textAl":"","dataCode":"art_atm_tc_moisture_hgt_uv_rh","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"80502","text":"绝对湿度","textAl":"","dataCode":"art_atm_tc_moisture_hgt_uv_spfh","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"80503","text":"整层可降水量","textAl":"","dataCode":"art_atm_tc_moisture_hgt_uv_tcwv","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"80504","text":"水汽通量","textAl":"","dataCode":"art_atm_tc_moisture_hgt_uv_wvfl","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""}],"isDownload":0,"downloadUrl":""},{"id":"807","text":"台风-海温","textAl":"","dataCode":"","isfcstVT":0,"isDaily":0,"children":[{"id":"80701","text":"24小时","textAl":"","dataCode":"OCEA_FUS_DAY_PRO_CH_SEA","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""}],"isDownload":0,"downloadUrl":""},{"id":"901","text":"全球降水实况","textAl":"","dataCode":"","isfcstVT":0,"isDaily":0,"children":[{"id":"90101","text":"1小时","textAl":"","dataCode":"art_prcp_glb_precipitation_hourly","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"90102","text":"24小时","textAl":"","dataCode":"art_prcp_glb_precipitation_daily","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"90103","text":"24小时累积","textAl":"","dataCode":"ARTInterim_ATM_GLB_0P10_1D_ANAL","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"90104","text":"3天累积","textAl":"","dataCode":"ARTInterim_ATM_GLB_0P10_3D_ANAL","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"90105","text":"5天累积","textAl":"","dataCode":"ARTInterim_ATM_GLB_0P10_5D_ANAL","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"90106","text":"7天累积","textAl":"","dataCode":"ARTInterim_ATM_GLB_0P10_7D_ANAL","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"90107","text":"10天累积","textAl":"","dataCode":"ARTInterim_ATM_GLB_0P10_10D_ANAL","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"90108","text":"过去6小时","textAl":"","dataCode":"SURF_GLB_HOR_INTEG_PROD_PRE_6h","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"90109","text":"过去12小时","textAl":"","dataCode":"SURF_GLB_HOR_INTEG_PROD_PRE_12h","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"90110","text":"过去24小时","textAl":"","dataCode":"SURF_GLB_HOR_INTEG_PROD_PRE_24h","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""}],"isDownload":0,"downloadUrl":""},{"id":"1001","text":"全球高温监测","textAl":"","dataCode":"","isfcstVT":0,"isDaily":0,"children":[{"id":"100101","text":"过去10天最高气温","textAl":"","dataCode":"art_sfc_glb_maxt2m_10days","isfcstVT":0,"isDaily":1,"children":"","isDownload":0,"downloadUrl":""},{"id":"100102","text":"过去10天最高气温距平","textAl":"","dataCode":"art_sfc_glb_t2mmax_10days_anormaly","isfcstVT":0,"isDaily":1,"children":"","isDownload":0,"downloadUrl":""},{"id":"100103","text":"过去10天35度高温天数","textAl":"","dataCode":"art_sfc_glb_t2m_10days_35C_ht_days","isfcstVT":0,"isDaily":1,"children":"","isDownload":0,"downloadUrl":""},{"id":"100104","text":"过去10天35度天数距平","textAl":"","dataCode":"art_sfc_glb_t2m_10days_35C_htdays_anormaly","isfcstVT":0,"isDaily":1,"children":"","isDownload":0,"downloadUrl":""},{"id":"100105","text":"过去10天40度高温天数","textAl":"","dataCode":"art_sfc_glb_t2m_10days_40C_ht_days","isfcstVT":0,"isDaily":1,"children":"","isDownload":0,"downloadUrl":""},{"id":"100106","text":"过去10天40度天数距平","textAl":"","dataCode":"art_sfc_glb_t2m_10days_40C_htdays_anormaly","isfcstVT":0,"isDaily":1,"children":"","isDownload":0,"downloadUrl":""},{"id":"100107","text":"日最高气温","textAl":"","dataCode":"art_sfc_glb_maxt2m_1days","isfcstVT":0,"isDaily":1,"children":"","isDownload":0,"downloadUrl":""},{"id":"100108","text":"日最低气温","textAl":"","dataCode":"art_sfc_glb_mint2m_1days","isfcstVT":0,"isDaily":1,"children":"","isDownload":0,"downloadUrl":""},{"id":"100109","text":"过去10天站点高温","textAl":"","dataCode":"SURF_GLB_MUL_DAY_GSOD_MAX_TEM_MAX","isfcstVT":0,"isDaily":1,"children":"","isDownload":0,"downloadUrl":""},{"id":"100110","text":"过去10天站点高温日数","textAl":"","dataCode":"SURF_GLB_MUL_DAY_GSOD_COUNT_TEM_MAX","isfcstVT":0,"isDaily":1,"children":"","isDownload":0,"downloadUrl":""}],"isDownload":0,"downloadUrl":""},{"id":"1002","text":"全球表面实况-气温","textAl":"","dataCode":"","isfcstVT":0,"isDaily":0,"children":[{"id":"100201","text":"3小时","textAl":"","dataCode":"globle_tem","isfcstVT":0,"isDaily":1,"children":"","isDownload":0,"downloadUrl":""},{"id":"100202","text":"站点3小时","textAl":"","dataCode":"SURF_GLB_MUL_HOR_TEM","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""}],"isDownload":0,"downloadUrl":""},{"id":"1003","text":"全球表面实况-露点温度","textAl":"","dataCode":"","isfcstVT":0,"isDaily":0,"children":[{"id":"100301","text":"3小时","textAl":"","dataCode":"SURF_GLB_HOR_INTEG_PROD_DPT","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""}],"isDownload":0,"downloadUrl":""},{"id":"1004","text":"全球表面实况-比湿","textAl":"","dataCode":"","isfcstVT":0,"isDaily":0,"children":[{"id":"100401","text":"3小时","textAl":"","dataCode":"globle_shu","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""}],"isDownload":0,"downloadUrl":""},{"id":"1005","text":"全球表面实况-风","textAl":"","dataCode":"","isfcstVT":0,"isDaily":0,"children":[{"id":"100501","text":"3小时","textAl":"","dataCode":"globle_win","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"100502","text":"1小时","textAl":"","dataCode":"OCEA_GLB_MUL_FTM_DATA_WIN_S_WIN_D","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"100503","text":"站点1小时","textAl":"","dataCode":"SURF_GLB_HOR_INTEG_PROD_WIN_6","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""}],"isDownload":0,"downloadUrl":""},{"id":"1006","text":"全球海表实况-海温","textAl":"","dataCode":"","isfcstVT":0,"isDaily":0,"children":[{"id":"100601","text":"24小时","textAl":"","dataCode":"globle_sea_tem","isfcstVT":0,"isDaily":1,"children":"","isDownload":0,"downloadUrl":""},{"id":"100602","text":"1小时","textAl":"","dataCode":"OCEA_GLB_MUL_FTM_DATA_SST","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""}],"isDownload":0,"downloadUrl":""},{"id":"1007","text":"全球海表实况-海冰密集度","textAl":"","dataCode":"","isfcstVT":0,"isDaily":0,"children":[{"id":"100701","text":"24小时","textAl":"","dataCode":"CODAS_GLB_0P25_DAY-SIC","isfcstVT":0,"isDaily":1,"children":"","isDownload":0,"downloadUrl":""}],"isDownload":0,"downloadUrl":""},{"id":"1008","text":"全球大气实况-动力诊断","textAl":"","dataCode":"","isfcstVT":0,"isDaily":0,"children":[{"id":"100801","text":"风场_降水","textAl":"","dataCode":"art_atm_glb_synoptic_hgt_uv_rain06","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"100802","text":"海平面气压场","textAl":"","dataCode":"art_atm_glb_synoptic_hgt_uv_prmsl","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"100803","text":"风","textAl":"","dataCode":"art_atm_glb_synoptic_hgt_uv_wsp","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"100804","text":"风场_散度","textAl":"","dataCode":"art_atm_glb_synoptic_pv_div_uv","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"100805","text":"天气尺度分析","textAl":"","dataCode":"art_atm_glb_synoptic_syn_composite","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"100806","text":"流线_风速","textAl":"","dataCode":"art_atm_glb_synoptic_uvstream_wsp","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"100807","text":"2m相对湿度","textAl":"","dataCode":"art_sfc_glb_synoptic_2mrh","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"100808","text":"表面气压","textAl":"","dataCode":"art_sfc_glb_synoptic_ps","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""}],"isDownload":0,"downloadUrl":""},{"id":"1009","text":"全球大气实况-热力诊断","textAl":"","dataCode":"","isfcstVT":0,"isDaily":0,"children":[{"id":"100901","text":"相当位温","textAl":"","dataCode":"art_atm_glb_thermal_hgt_uv_theta","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"100902","text":"温度","textAl":"","dataCode":"art_atm_glb_thermal_hgt_uv_tmp","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"100903","text":"温度平流","textAl":"","dataCode":"art_atm_glb_thermal_hgt_uv_tmpadv","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"100904","text":"温度平流","textAl":"","dataCode":"art_atm_glb_thermal_hgt_uv_cape","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""}],"isDownload":0,"downloadUrl":""},{"id":"1010","text":"全球大气实况-天气诊断","textAl":"","dataCode":"","isfcstVT":0,"isDaily":0,"children":[{"id":"101001","text":"垂直气压速度","textAl":"","dataCode":"art_atm_glb_dynamic_hgt_uv_vvel","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"101002","text":"水平散度","textAl":"","dataCode":"art_atm_glb_dynamic_hgt_uv_div","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"101003","text":"涡度平流","textAl":"","dataCode":"art_atm_glb_dynamic_hgt_uv_vortadv","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"101103","text":"相对湿度","textAl":"","dataCode":"art_atm_glb_moisture_hgt_uv_rh","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"101004","text":"位温","textAl":"","dataCode":"art_atm_glb_dynamic_uv_fg_thta","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""}],"isDownload":0,"downloadUrl":""},{"id":"1011","text":"全球大气实况-湿度诊断","textAl":"","dataCode":"","isfcstVT":0,"isDaily":0,"children":[{"id":"101101","text":"整层可降水量","textAl":"","dataCode":"art_atm_glb_moisture_hgt_uv_tcwv","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"101102","text":"绝对湿度","textAl":"","dataCode":"art_atm_glb_moisture_hgt_uv_spfh","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"101104","text":"水汽通量","textAl":"","dataCode":"art_atm_glb_moisture_hgt_uv_wvfl","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""}],"isDownload":0,"downloadUrl":""}],"isDownload":0,"downloadUrl":""}]'; var datajson = $.parseJSON(data); /* var monStat = {"id":"19999","text":"地面月统计","dataCode":"SURF_RHumidity1","isfcstVT":0,"children":"","downloadUrl":"","isDownload":0}; datajson[0].children[datajson[0].children.length] = monStat; */ $.each(datajson,function(i,Object){ num++; $('#'+Object.id).tree({ data:Object.children, onSelect:function(node){ setTreeNode(node); if(node.id!="19999"){ getVisData(true); } console.log($("#accordion").outerHeight(true)) }, onBeforeSelect:function(node){ if(node.children.length>0){ return false; }; } }); }); //优化菜单样式 $(".panel-header").css('height','20px'); $(".panel-title").css('font-size','14px'); $(".panel-body").css('padding-top','3px').css('padding-bottom','3px'); $("li").css({"margin-top":"6px","margin-bottom":"6px"}); var currentTime='2025-02-18'; var currentTimeSelect='20250218'; $('#time').datebox('setValue', currentTime); day=currentTimeSelect; var menuID ='4'; if(menuID.length==1){//传menuid //$('#accordion').accordion('select',menuID-1);//根据下标选中展开需找到准确下标 var index = 0; var pannels = $('.accordion .panel-body'); for(var i=0;i<pannels.length;i++){ if($(pannels[i]).attr('id')==menuID){ index = i; } } $('#accordion').accordion('select',index);//准确的下标 setMenuFirstTreeNode(menuID); } if(menuID.length>1){//传datacode var parmenuID = menuID.substr(0,1); //$('#accordion').accordion('select',parmenuID-1);//根据下标选中展开需找到准确下标 var index = 0; var pannels = $('.accordion .panel-body'); for(var i=0;i<pannels.length;i++){ if($(pannels[i]).attr('id')==parmenuID){ index = i; } } $('#accordion').accordion('select',index);//准确的下标 var node = $('#'+parmenuID).tree('find',menuID); $('#'+parmenuID).tree('expandTo', node.target).tree('select', node.target); } if(menuID==''){ setMenuFirstTreeNode(1); } $(".panel-noscroll").css("height","192px"); $(".calendar-noborder").css("height","192px"); scrollShow(); }) function setMenuFirstTreeNode(index){ var node = $('#'+index).tree('getRoot'); var target; if(node.children.length>0){ target = node.children[0]; var node = $('#'+index).tree('find',target.id); $('#'+index).tree('expandTo', node.target).tree('select', node.target); }else { target = node; $('#'+index).tree('select', target.target); } } var downLoadUrl; var fcstFlag; function setTreeNode(node){ $("#menuDesc").text(node.text); //alert(node.isDownload); if(node.isDownload==1){//需要下载 document.getElementById("downLoadBt").style.display = ""; //url = node.DownloadUrl downLoadUrl=node.downloadUrl; }else{//不需要下载 document.getElementById("downLoadBt").style.display = "none"; } //是否为日值数据 if(node.isDaily==1){ document.getElementById("fcstVTDiv").style.display = "none"; document.getElementById("hourDiv2").style.display = "none"; document.getElementById("hourDiv").style.display = "none"; fcstFlag=0; document.getElementById("btntd").style.display = "none"; }else{ if(node.isfcstVT==1){//需要时效 document.getElementById("fcstVTDiv").style.display = ""; document.getElementById("hourDiv2").style.display = ""; document.getElementById("hourDiv").style.display = "none"; fcstFlag=1; }else{//不需要时效 document.getElementById("fcstVTDiv").style.display = "none"; document.getElementById("hourDiv2").style.display = "none"; document.getElementById("hourDiv").style.display = ""; fcstFlag=0; } document.getElementById("btntd").style.display = ""; } if(node.id=="19999"){//地面月统计点击操作 stop(); $(".monStat_year").show(); $("#tablerow2").hide(); $("#tablerow2MonStat").show(); getStationData(); $("#tablerow3Image").hide(); $("#tablerow3MonStat").show(); }else{//点击其他 $(".monStat_year").hide(); $("#tablerow2").show(); $("#tablerow2MonStat").hide(); $("#tablerow3Image").show(); $("#tablerow3MonStat").hide(); } selectDataCode = node.dataCode; } var webServerUrl = 'http://data.cma.cn'; function downLoad(){ var href=webServerUrl+downLoadUrl; //alert(href); window.open(href); } function getSelectTreeNode(){ /* for(var i=1;i<=num;i++){ alert(i); var node = $('#'+i).tree('getSelected'); if(node!=null){ return node.dataCode; } } return null; */ return selectDataCode; } function getArIndex(value){ for(i=0;i<maxkeynum;i++){ if(valueAr[i]==value){ return i; } } } function getShiJianArIndex(value){ var t; $.each(shijianAr, function(i, shijian) { if(value==shijian.v_SHIJIAN2){ t=i; } }); return t; } function getGroupImageIndex(value){ var t; $.each(imageGroup[shijianArIndex], function(i, image) { if(value==image.id){ t=i; } }); return t; } var sss = function() { } function start() { if(maxkeynum>0){ //var val = $('#play_v').combobox('getValue') - 0; var val = 1500; //alert(val); sss = setInterval(changekeynum, val); hiddenstartbtn(); } } function stop() { clearInterval(sss); hiddenstopbtn(); } var imageUrl = ""; var imagelist = new Array(); var keynum = 0; var keynumFcst = 0; //var maxkeynum = imagelist.length; var maxkeynum; var valueAr= new Array(); function changekeynum() { /*keynum = keynum + 1; if (keynum == maxkeynum + 1) { keynum = 1; }*/ lunbo(keynum); } function checkNum(){ if(keynum>=maxkeynum){ keynum=0; } } function checkNumFcst(){ if(keynumFcst>=imageGroup[shijianArIndex].length){ keynumFcst=0; } } var shijianAr = new Array(); function pushObj (obj){ var flag=true; $.each(shijianAr, function(i, shijian) { if(obj.v_SHIJIAN2==shijian.v_SHIJIAN2) flag=false; }); if(flag){ shijianAr.push(obj); } } var imageGroup=new Array(); var shijianArIndex=0; function getVisData(flag) { stop(); //是否 keynum=0; keynumFcst = 0; imagelist.length=0; valueAr.length=0; var d_datetime = day; var datacode = getSelectTreeNode(); if(datacode==null){ alert("请选择产品"); return; } //var datacode = 'SURF_CLI_CHN_MERGE_CMP_PRE_HOUR_GRID_010'; var url; if(flag){ url = '/weatherGis/web/bmd/VisDataDef/getVisData?datacode=' + encodeURIComponent(datacode); }else { url = '/weatherGis/web/bmd/VisDataDef/getVisData?d_datetime=' + d_datetime + '&datacode=' + encodeURIComponent(datacode); } //alert(url); $.ajax({ url : url, async : false, type : 'GET', dataType : "json", success : function(res) { var result = res.data; if (imagelist != []) { imagelist = []; } if(flag){ var currentTime = '2025-02-18'; if(result.length>0){ var maxdate = res.maxdate; currentTime = maxdate.substring(0,4)+"-"+maxdate.substring(4,6)+"-"+maxdate.substring(6,8); } $(".easyui-datebox").datebox("setValue",currentTime); } shijianAr.length=0; imageGroup.length=0; shijianArIndex=0; dataTimeList = new Array(); $.each(result, function(i, visdata) { dataTimeList.push(visdata.v_SHIJIAN+""); imagelist.push(visdata.fileURL); valueAr.push(visdata.id); var timeStr=visdata.v_SHIJIAN+""; var timeStr2=timeStr.substring(8, 10); var timeStr3=timeStr.substring(10, 12); if(timeStr3==''){ timeStr3='00'; } var v_SHIJIANShow=timeStr2+":"+timeStr3; var t1={"v_SHIJIAN2":visdata.v_SHIJIAN,"v_SHIJIANShow":v_SHIJIANShow}; pushObj(t1); visdata.v_SHIJIAN=timeStr2+":"+timeStr3; }); setTimeout(function() { imageUrl = imagelist[result.length - 1]; document.getElementById("showimages").src = imageUrl; $('#cc').combobox('loadData',result); $('#cc').combobox('setValue', valueAr[result.length - 1]); //alert(shijianAr.length); $('#cc2').combobox('loadData',shijianAr); if(shijianAr.length>0){ $('#cc2').combobox('setValue',shijianAr[0].v_SHIJIAN2); $.each(shijianAr, function(i, shijian) { var m=new Array(); $.each(result, function(j, visdata) { if(shijian.v_SHIJIANShow==visdata.v_SHIJIAN){ var t1={"id":visdata.id,"v_SHIJIAN":visdata.v_SHIJIAN,"fcstVT":visdata.fcstVT,"fileURL":visdata.fileURL}; m.push(t1); } }); imageGroup.push(m); }); $('#cc3').combobox('loadData',imageGroup[0]); $('#cc3').combobox('setValue',imageGroup[0][0].id); } /* $('#cc2').combobox({ onChange:function(newValue, oldValue){ var i = getShiJianArIndex(newValue); if(i==undefined){ i=0; } loadDataFcst(i); } }); */ $('#cc2').combobox({ onSelect:function(record){ var i = getShiJianArIndex(record.v_SHIJIAN2); //alert(i); shijianArIndex=i; if(i==undefined){ i=0; } loadDataFcst(i); } }); maxkeynum = imagelist.length; keynum = imagelist.length - 1; changePointer(); }, 100); } }); } function loadDataFcst(i){ $('#cc3').combobox('loadData',imageGroup[i]); $('#cc3').combobox('setValue',imageGroup[i][0].id); } function changePointer(){ if(maxkeynum==0){ $("#showimages").css("cursor",""); $("#showimagesDefault").attr("src",'/weatherGis/static'+'/images/visData/defaultImg.jpg'); $("#showimagesDefault").css("margin-top","100px"); $("#showimagesDefault").css("margin-bottom","100px"); $("#showimages").css("display","none"); $("#showimagesDefault").css("display","block"); }else{ $("#showimages").css("cursor","pointer"); $("#showimages").css("display","block"); $("#showimagesDefault").css("display","none"); } } /*function setcombobox(){ $('#cc').combobox({ valueField:'fileURL', textField:'v_SHIJIAN' }); }*/ function lunbo(num) { if(fcstFlag==0){ //var numi = parseInt(num); //var numi1 = numi - 1 keynum++; checkNum(); var numi1=keynum; imageUrl = imagelist[numi1]; document.getElementById("showimages").src = imageUrl; //keynum=numi; //$('#cc').combobox('setValue', '42878'); $('#cc').combobox('setValue', valueAr[numi1]); }else{ keynumFcst++; checkNumFcst(); document.getElementById("showimages").src =imageGroup[shijianArIndex][keynumFcst].fileURL; $('#cc3').combobox('setValue', imageGroup[shijianArIndex][keynumFcst].id); } } //上一张 function pageup(){ if(fcstFlag==0){ //var numi1=keynum-1; keynum--; if(keynum<=-1){ //keynum=maxkeynum-1; //上一天 var date = $('#time').datebox('getValue').replace(/\-/g, "").replace(/\//g, ""); var d = new Date(parseDate(date+'','yyyyMMdd').getTime() - 3600*1000*24).format('yyyy-MM-dd'); $('#time').datebox('setValue', d); day = d.replace(/\-/g, ""); getVisData(false); }else{ var numi1=keynum; imageUrl = imagelist[numi1]; document.getElementById("showimages").src = imageUrl; //keynum=numi1; $('#cc').combobox('setValue', valueAr[numi1]); } }else{ keynumFcst--; if(keynumFcst<=-1){ //keynumFcst=imageGroup[shijianArIndex].length-1; //上一天 var date = $('#time').datebox('getValue').replace(/\-/g, "").replace(/\//g, ""); var d = new Date(parseDate(date+'','yyyyMMdd').getTime() - 3600*1000*24).format('yyyy-MM-dd'); $('#time').datebox('setValue', d); day = d.replace(/\-/g, ""); getVisData(false); }else{ document.getElementById("showimages").src =imageGroup[shijianArIndex][keynumFcst].fileURL; $('#cc3').combobox('setValue', imageGroup[shijianArIndex][keynumFcst].id); } } } //下一张 function pagedown(){ if(fcstFlag==0){ //var numi1=keynum-0+1; //if(keynum!=0){ keynum++; //} if(keynum>=maxkeynum){ keynum = maxkeynum-1; //重新查或下一天 getNewDataTime();//查数据最大时间 }else{ var numi1=keynum; imageUrl = imagelist[numi1]; document.getElementById("showimages").src = imageUrl; //keynum=numi1; $('#cc').combobox('setValue', valueAr[numi1]); } }else{ keynumFcst++; if(keynumFcst>=imageGroup[shijianArIndex].length){ keynumFcst = imageGroup[shijianArIndex].length-1; //重新查或下一天 getNewDataTime();//查数据最大时间 }else{ document.getElementById("showimages").src =imageGroup[shijianArIndex][keynumFcst].fileURL; $('#cc3').combobox('setValue', imageGroup[shijianArIndex][keynumFcst].id); } } } function showImg(i){ imageUrl = imagelist[i]; document.getElementById("showimages").src = imageUrl; keynum=i; } function showstopbtn() { document.getElementById("stopbtn").style.display = ""; } function hiddenstartbtn() { document.getElementById("startbtn").style.display = "none"; showstopbtn(); } function showstartbtn() { document.getElementById("startbtn").style.display = ""; } function hiddenstopbtn() { document.getElementById("stopbtn").style.display = "none"; showstartbtn(); } function outImageUrl(){ return imagelist[keynum]; } //获取省数据 function getStationData(){ var url='/weatherGis/web/dmd/chinaprovincedic/provincelist'; $.ajax({ url:url, async:false, type:'GET', dataType: "json", success:function(result){ $('#provinceSelect').combobox('loadData',result); $('#provinceSelect').combobox('setValue',result[0].provincecode); } }); } //缓存台站信息，取经纬度用 var stationData = new Array(); //获取台站数据 function getStationData2(provincecode){ var url='/weatherGis/web/bmd/stationinfo/getStationSurfCDC?provincecode='+provincecode+'&stationClass=1'; $.ajax({ url:url, async:false, type:'GET', dataType: "json", success:function(result){ stationData=result; $('#stationSelect').combobox('loadData',result); if(provincecode==110){ $('#stationSelect').combobox('setValue',54511); }else{ if(result[0]!=undefined){ $('#stationSelect').combobox('setValue',result[0].v01301); }else{//省下无台站的情况 result=[{"v01301":"99999","cname":"无","v06001":"","v05001":"","v07001":""}]; stationData=result; $('#stationSelect').combobox('loadData',result); $('#stationSelect').combobox('setValue',result[0].v01301); } } } }); } //遍历台站数据 function getStationById(id){ var o = null; $.each(stationData, function(i, station) { if(station.v01301==id){ o =station; } }); return o; } //获取表格数据 function getMonStatData(stationID){ //刷新台站经纬度 var station=getStationById(stationID); var StationInfoText='注：'+station.cname+'('+stationID+')：(经度 '+station.v06001+'度纬度 '+station.v05001+'度)<span>海拔高度</span>'+station.v07001+'米'; $(".monStatDesc2").html(StationInfoText); var url='/weatherGis/web/dataservice/cdcData/monStatdata?stationID='+stationID; $.ajax({ url:url, async:false, type:'GET', dataType: "json", success:function(result){ $("#monStatTable").html(""); $("#monStatTable").append("<tr class='monStatTableTr1' width='1000'><td style='width:34px;'>月</td><td>月平均气压(0.1百帕)</td><td>月平均气温(0.1℃)</td><td>月平均相对湿度(%)</td><td>月平均总云(0.1成)</td><td>月平均风速(0.1米/秒)</td><td>月降水量(0.1毫米)</td></tr>"); if(result!=""){ $(".monStat_year").html(result[0].V04001); $.each(result,function(i,data){ if(i%2==0){ $("#monStatTable").append("<tr class='hoverColorTr'><td>"+data.V04002+"</td><td>"+data.V10004+"</td><td>"+data.V12004+"</td><td>"+data.V13003+"</td><td>"+data.V20010+"</td><td>"+data.V11012+"</td><td>"+data.V13201+"</td></tr>"); }else{ $("#monStatTable").append("<tr class='colorTr'><td>"+data.V04002+"</td><td>"+data.V10004+"</td><td>"+data.V12004+"</td><td>"+data.V13003+"</td><td>"+data.V20010+"</td><td>"+data.V11012+"</td><td>"+data.V13201+"</td></tr>"); } }); }else{ } } }); } function getNewDataTime(){ var datacode = getSelectTreeNode(); $.ajax({ url:'/weatherGis/web/bmd/VisDataDef/getMaxDataTime?datacode='+encodeURIComponent(datacode), async:false, type:'GET', dataType: "json", success:function(result){ if(result.returnCode==0){ var oldDataTimeList = dataTimeList; var maxDataTime = result.maxDataTime; var shijian = oldDataTimeList[oldDataTimeList.length-1]; if(parseInt(shijian)<parseInt(maxDataTime) && parseInt(shijian.substr(0,8))==parseInt(maxDataTime.substr(0,8))){//当天有新数据生成 stop(); //是否 keynum=0; keynumFcst = 0; imagelist.length=0; valueAr.length=0; var url = '/weatherGis/web/bmd/VisDataDef/getVisData?d_datetime=' + day + '&datacode=' + encodeURIComponent(datacode); $.ajax({ url : url, async : false, type : 'GET', dataType : "json", success : function(res) { var result = res.data; if (imagelist != []) { imagelist = []; } shijianAr.length=0; imageGroup.length=0; shijianArIndex=0; dataTimeList = new Array(); $.each(result, function(i, visdata) { dataTimeList.push(visdata.v_SHIJIAN+""); imagelist.push(visdata.fileURL); valueAr.push(visdata.id); var timeStr=visdata.v_SHIJIAN+""; var timeStr2=timeStr.substring(8, 10); var timeStr3=timeStr.substring(10, 12); if(timeStr3==''){ timeStr3='00'; } var v_SHIJIANShow=timeStr2+":"+timeStr3; var t1={"v_SHIJIAN2":visdata.v_SHIJIAN,"v_SHIJIANShow":v_SHIJIANShow}; pushObj(t1); visdata.v_SHIJIAN=timeStr2+":"+timeStr3; }); imageUrl = imagelist[oldDataList.length]; document.getElementById("showimages").src = imageUrl; $('#cc').combobox('loadData',result); $('#cc').combobox('setValue', valueAr[oldDataList.length]); $('#cc2').combobox('loadData',shijianAr); if(shijianAr.length>0){ $('#cc2').combobox('setValue',shijianAr[0].v_SHIJIAN2); $.each(shijianAr, function(i, shijian) { var m=new Array(); $.each(result, function(j, visdata) { if(shijian.v_SHIJIANShow==visdata.v_SHIJIAN){ var t1={"id":visdata.id,"v_SHIJIAN":visdata.v_SHIJIAN,"fcstVT":visdata.fcstVT,"fileURL":visdata.fileURL}; m.push(t1); } }); imageGroup.push(m); }); $('#cc3').combobox('loadData',imageGroup[0]); $('#cc3').combobox('setValue',imageGroup[0][0].id); } $('#cc2').combobox({ onSelect:function(record){ var i = getShiJianArIndex(record.v_SHIJIAN2); shijianArIndex=i; if(i==undefined){ i=0; } loadDataFcst(i); } }); maxkeynum = imagelist.length; keynum = oldDataList.length; changePointer(); } }); }else if(parseInt(shijian)<parseInt(maxDataTime) && parseInt(shijian.substr(0,8))<=parseInt(maxDataTime.substr(0,8))){//跨天 var date = $('#time').datebox('getValue').replace(/\-/g, "").replace(/\//g, ""); var d = new Date(parseDate(date+'','yyyyMMdd').getTime() + 3600*1000*24).format('yyyy-MM-dd'); $('#time').datebox('setValue', d); day = d.replace(/\-/g, ""); stop(); //是否 keynum=0; keynumFcst = 0; imagelist.length=0; valueAr.length=0; var url = '/weatherGis/web/bmd/VisDataDef/getVisData?d_datetime=' + day + '&datacode=' + encodeURIComponent(datacode); $.ajax({ url : url, async : false, type : 'GET', dataType : "json", success : function(res) { var result = res.data; if (imagelist != []) { imagelist = []; } shijianAr.length=0; imageGroup.length=0; shijianArIndex=0; dataTimeList = new Array(); $.each(result, function(i, visdata) { dataTimeList.push(visdata.v_SHIJIAN+""); imagelist.push(visdata.fileURL); valueAr.push(visdata.id); var timeStr=visdata.v_SHIJIAN+""; var timeStr2=timeStr.substring(8, 10); var timeStr3=timeStr.substring(10, 12); if(timeStr3==''){ timeStr3='00'; } var v_SHIJIANShow=timeStr2+":"+timeStr3; var t1={"v_SHIJIAN2":visdata.v_SHIJIAN,"v_SHIJIANShow":v_SHIJIANShow}; pushObj(t1); visdata.v_SHIJIAN=timeStr2+":"+timeStr3; }); imageUrl = imagelist[0]; document.getElementById("showimages").src = imageUrl; $('#cc').combobox('loadData',result); $('#cc').combobox('setValue', valueAr[0]); $('#cc2').combobox('loadData',shijianAr); if(shijianAr.length>0){ $('#cc2').combobox('setValue',shijianAr[0].v_SHIJIAN2); $.each(shijianAr, function(i, shijian) { var m=new Array(); $.each(result, function(j, visdata) { if(shijian.v_SHIJIANShow==visdata.v_SHIJIAN){ var t1={"id":visdata.id,"v_SHIJIAN":visdata.v_SHIJIAN,"fcstVT":visdata.fcstVT,"fileURL":visdata.fileURL}; m.push(t1); } }); imageGroup.push(m); }); $('#cc3').combobox('loadData',imageGroup[0]); $('#cc3').combobox('setValue',imageGroup[0][0].id); } $('#cc2').combobox({ onSelect:function(record){ var i = getShiJianArIndex(record.v_SHIJIAN2); shijianArIndex=i; if(i==undefined){ i=0; } loadDataFcst(i); } }); maxkeynum = imagelist.length; keynum = 0; changePointer(); } }); }else{ alert("已到最大数据时间"); } } } }); } function parseDate(dateStr,dateFormat) { var date = new Date(); var o = { "y+" : function(year){date.setFullYear(year)}, "M+" : function(month){date.setMonth(month-1)}, //month "d+" : function(day){date.setDate(day)}, //day "H+" : function(hours){date.setHours(hours)}, //hour "m+" : function(minutes){date.setMinutes(minutes)}, //minute "s+" : function(seconds){date.setSeconds(seconds)}, //second "S" : function(milliseconds){date.setMilliseconds(milliseconds)} //millisecond }; for(var k in o){ if(new RegExp("("+ k +")").test(dateFormat)){ var s1 = RegExp.$1; var len = s1.length; var ind = dateFormat.indexOf(s1,0); var num = dateStr.substr(ind,len); num = parseInt(num,10); if(num != NaN){ o[k](num); }else{ console.log("解析["+s1+"]错误!"); } } } return date; } Date.prototype.format = function(format){ var o = { "M+" : this.getMonth()+1, //month "d+" : this.getDate(), //day "H+" : this.getHours(), //hour "m+" : this.getMinutes(), //minute "s+" : this.getSeconds(), //second "q+" : Math.floor((this.getMonth()+3)/3), //quarter "S" : this.getMilliseconds() //millisecond }; if(/(y+)/.test(format)){ format=format.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length)); } for(var k in o)if(new RegExp("("+ k +")").test(format)){ format = format.replace(RegExp.$1, RegExp.$1.length==1 ? o[k] : ("00"+ o[k]).substr((""+ o[k]).length)); } return format; }; function scrollShow(){ $(window).scroll(function() { var scroll_top = $(window).scrollTop(); console.log(scroll_top); if(scroll_top >= 240){ $('.rightContent').css("position","fixed"); $('.rightContent').css("margin-left","250px"); }else{ $('.rightContent').css("position","relative"); $('.rightContent').css("margin-left","0px"); } }); } </script> </head> <body> <center> <div class="vis-container"> <div class="leftMenu"> <div id="accordion" class="easyui-accordion" style="width:250px;height:auto;"> <div title="智能网格实况产品" data-options="iconCls:'icon-save'" id="6"> <ul id="6"></ul> </div> <div title="卫星云图" data-options="iconCls:'icon-save'" id="3"> <ul id="3"></ul> </div> <div title="雷达产品" data-options="iconCls:'icon-save'" id="4"> <ul id="4"></ul> </div> <div title="中国陆面数据同化系统" data-options="iconCls:'icon-save'" id="7"> <ul id="7"></ul> </div> <div title="全球实况产品" data-options="iconCls:'icon-save'" id="8"> <ul id="8"></ul> </div> </div> </div> <div class="rightContent"> <table cellspacing="0" cellpadding="0" id="contentTable"> <tr height="18"> <td height="33" colspan="4" align="left" id='tablerow1'>   <span class="monStat_year"></span><span id="menuDesc"></span></td> </tr> <tr height="18" id='tablerow2'> <td width="250" height="35" align="left" valign="middle"> <span class='textSpan'>(北京时)日期：</span> <input id="time" name="time" type="text" style="width:120px" class="easyui-datebox" data-options="editable:false"/> </td> <td width="200" align="left" valign="middle" id="hourTd"> <div id="hourDiv"> <span class='textSpan'>时间：</span> <input class="easyui-combobox" id="cc" style="width:100px" valueField="id" textField="v_SHIJIAN" /> </div> <div id="hourDiv2"> <span class='textSpan'>时间：</span> <input class="easyui-combobox" id="cc2" style="width:100px" valueField="v_SHIJIAN2" textField="v_SHIJIANShow" /> </div> </td> <td width="200"> <div id="fcstVTDiv"> <span class='textSpan'>时效：</span> <input class="easyui-combobox" id="cc3" style="width:100px" valueField="id" textField="fcstVT" /> </div> </td> <td width="300" align="center"> <div id="btntd"> <a id="btn" href="javascript:void(0);" class="easyui-linkbutton" data-options="" onClick="pageup()">上一张</a> <a id="startbtn" class="easyui-linkbutton" style="display:" data-options="" onClick="start()">开始</a> <a id="stopbtn" class="easyui-linkbutton" style="display:none" data-options="" onClick="stop()">停止</a> <a id="btn" href="javascript:void(0);" class="easyui-linkbutton" data-options="" onClick="pagedown()">下一张</a> <a id="downLoadBt" href="javascript:void(0);" class="easyui-linkbutton" style="display:none" data-options="" onClick="downLoad()">下载</a> </div> </td> </tr> <tr height="18" id='tablerow2MonStat'> <td width="1000" height="35" colspan="4"> <span class='textSpan textSpanProvince'>省区市：</span> <input class="easyui-combobox" id="provinceSelect" style="width:120px" valueField="provincecode"textField="provincename" /> <span class='textSpan'>站名：</span> <input class="easyui-combobox" id="stationSelect" style="width:120px" valueField="v01301"textField="cname" /> </td> </tr> <tr height="18" id="tablerow3Image"> <td height="247" colspan="4" align="center" style="vertical-align:top;">  <img id='showimages' src='/weatherGis/static/images/visData/defaultImg.jpg' width='800' height='800' style="display:none;"/> <img id='showimagesDefault' src='/weatherGis/static/images/visData/defaultImg.jpg' width='250' style="display:none;"/>  </td> </tr> <tr height="18" id="tablerow3MonStat"> <td height="435" colspan="4" align="center" > <table id = "monStatTable"></table> <div class="monStatDesc">32766/99999：缺测 32744：无记录</div> <div class="monStatDesc monStatDesc2"></div> </td> </tr> </table> </div> </div> </center> <div class="marDiv"></div> <script type="text/javascript"> /*<![CDATA[*/ jQuery(function($) { jQuery('#yw0').after("<a id=\"yw0_button\" href=\"\/data\/captcha\/refresh\/1.html\">\u770b\u4e0d\u6e05\u6362\u4e00\u7ec4<\/a>"); jQuery(document).on('click', '#yw0_button', function(){ jQuery.ajax({ url: "\/data\/captcha\/refresh\/1.html", dataType: 'json', cache: false, success: function(data) { jQuery('#yw0').attr('src', data['url']); jQuery('body').data('captcha.hash', [data['hash1'], data['hash2']]); } }); return false; }); }); /*]]>*/ </script> </body> </html> <input url="/data/online.html?t=4" type="hidden" value="陆面同化" name="shikuang" id="shikuang" /></div> <script src="/static/js/require.js"></script> <script src="/static/js/require-config.js"></script> <script type="text/javascript"> $(function () { aaa(); }); function aaa() { var brumbs = "<a href='/'>首页</a> > <a href='javascript:'>实况资料</a>"; $("div.Crumbs").html(brumbs); } </script> <style> ul, li { text-transform: unset !important; } .container{width:1200px;min-height:520px;margin:0px auto;} .vis-container .leftMenu{width: 248px!important;border:solid 1px #e0e6ed !important;} .accordion{margin-right: 0px!important;width: 248px!important;border:none !important;} /*.panel .icon-save{background-image: url(http://image.data.cma.cn/static/image/leftMenu/weatherBk/icon-ztree2.png)}*/ /*.panel:first-child .icon-save{background-image: url(http://image.data.cma.cn/static/image/leftMenu/weatherBk/icon-ztree1.png)}*/ .accordion .accordion-header{height:44px !important;font: bold 16px/42px '微软雅黑';background-color: #e4e9f1 !important;border-bottom: 1px solid #ffffff!important;} .panel:last-child .accordion-header{border-bottom:none;} .accordion-collapse{background: url(http://image.data.cma.cn/static/image/leftMenu/weatherBk/accordion_arrows_up.png) left center no-repeat;} .accordion-expand{background: url(http://image.data.cma.cn/static/image/leftMenu/weatherBk/accordion_arrows_down.png) left center no-repeat;} .tree-node{height:42px !important;background:#fff !important;color:#222222 !important;font: bold 14px/42px '微软雅黑';line-height: 42px!important;border-bottom: 1px solid #e0e6ed;} .tree-node .tree-file{background:none;width:5px;height:5px;background-color:#323232;border-radius:3px;margin-top: -2px;margin-right: 5px;} .tree-node-selected{background:#fff !important;color:#0075ff !important;} .tree-node-selected .tree-file{background:none;width:5px;height:5px;background-color:#0075ff;border-radius:3px;} .tree-node .tree-folder{margin-left: 15px;width:5px;height:5px;border-radius:0px;background: none;background-color:#323232;border-radius:3px;margin-top: -2px;margin-right: 5px;} .tree-node .tree-folder-open{margin-left: 15px;background:none;width:5px;height:5px;background-color:#323232;border-radius:3px;margin-top: -2px;margin-right: 5px;} .tree-node .tree-collapsed{float:right;height:42px;background: url(http://image.data.cma.cn/static/image/leftMenu/weatherBk/tree-hit-down.png) left center no-repeat;margin-right: 7px;} .tree-node .tree-expanded{float:right;height:42px;background: url(http://image.data.cma.cn/static/image/leftMenu/weatherBk/tree-hit-up.png) left center no-repeat;margin-right: 7px;} .tree-node .tree-title{height:42px !important;line-height: 42px !important;} ul .tree-node{height:40px !important;line-height: 40px!important;} ul .tree-node .tree-file{width:16px;height:18px;border-radius:0px;background: url(http://image.data.cma.cn/static/image/leftMenu/weatherBk/icon-ztree4.png) left center no-repeat;} ul .tree-node-selected .tree-file{background: url(http://image.data.cma.cn/static/image/leftMenu/weatherBk/icon-ztree4.png) left center no-repeat;} ul .tree-node .tree-title{height:40px !important;line-height: 40px !important;} #tablerow1{padding-left:20px} #tablerow2 td:first-child{padding-left:20px} .panel:first-child .icon-save {background-image:url('http://image.data.cma.cn/static/image/data/online-1.png');width:18px;height:18px;} .panel:nth-child(2) .icon-save {background-image:url('http://image.data.cma.cn/static/image/data/online-2.png')} .panel:nth-child(3) .icon-save {background-image:url('http://image.data.cma.cn/static/image/data/online-3.png')} .panel:nth-child(4) .icon-save {background-image:url('http://image.data.cma.cn/static/image/data/online-4.png')} .panel:nth-child(5) .icon-save {background-image:url('http://image.data.cma.cn/static/image/data/online-5.png')} .panel:nth-child(6) .icon-save {background-image:url('http://image.data.cma.cn/static/image/data/online-6.png')} .panel .icon-save {margin-top:-10px;margin-left:10px;} .panel-with-icon {padding-left: 38px!important;} </style> </div> <style> .foot-cont { width: 100%; height: 180px; background-color: #E9EEED; } .cont-box { position: relative; width: 1200px; height: 100%; margin: 0 auto; } .record { padding-top: 16px; } .record-left { float: left; } .record-mid { float: left; width: 610px; text-align: center; margin-top: 6px; } .record-mid-raw-one { width: 441px; margin: 0 auto; height: 25px; } .record-mid-raw-tow { font-size: 12px; font-family: 微软雅黑; color: #666666; height: 25px; } .record-mid-raw-three { font-size: 12px; font-family: 微软雅黑; color: #666666; height: 25px; } .record-right { float: right; } .record-left-top { height: 20px; line-height: 20px; font-size: 12px; font-family: 微软雅黑; color: #666666; } .record-left-bottom { margin-top: 14px; height: 12px; line-height: 12px; font-size: 12px; font-family: 微软雅黑; color: #666666; } .footerIc{position:relative;width:60px;height:77px;margin: 0 auto;} .logIn-cont input {width: 250px;} </style> <div class="foot-cont"> <div class="cont-box"> <div class="record"> <div class="record-left"> <img src="http://image.data.cma.cn/static/image/home/d1.png"> <img style="margin-left: 20px;margin-bottom: 4px;" src="http://image.data.cma.cn/static/image/home/d2.png"> </div> <div class="record-mid"> <div class="record-mid-raw-one"> <a target="_blank" href="http://www.miitbeian.gov.cn/"><div style="float: left; height: 12px;font-size: 12px;font-family: 微软雅黑;color: #666666;">京ICP备05004897号-1 | </div></a> <a target="_blank" href="http://www.miitbeian.gov.cn/"><img style="float: left;" src="/static/images/home/ghs.png"><div style="float: left; height: 12px;font-size: 12px;font-family: 微软雅黑;color: #666666;">京公网安备11040102700021号 | </div></a> <a target="_blank" href="" style="float: left; height: 12px;font-size: 12px;font-family: 微软雅黑;color: #666666;">常见问题 | </a> <a target="_blank" href="" style="float: left; height: 12px;font-size: 12px;font-family: 微软雅黑;color: #666666;">网站地图</a> </div> <div class="record-mid-raw-tow">Copyright 2005-2017 国家气象信息中心(中国气象局气象数据中心)</div> <div class="record-mid-raw-three">地址：北京海淀区中关村南大街46号 邮编：100081  E_mail : datacenter@cma.gov.cn</div> </div> <div class="record-right"> <img src="http://image.data.cma.cn/static/image/home/d3.png"> <img style="margin-left: 20px;margin-bottom: 4px;" src="http://image.data.cma.cn/static/image/home/d4.png"> <img style="margin-left: 20px;margin-bottom: 4px;" src="http://image.data.cma.cn/static/image/home/d5.png"> </div> </div> <div class="footerIc"></div> </div> </div> <div class="mark"></div> <div class="logIn"> <div class="logIn-title" style = "top:0px !important;"></div> <div style="border-bottom: 1px solid #D6DCE0;clear: both;margin-top: 20px;height: 30px;margin-bottom: 20px;"><div style="width:46%;float:left;border-right:1px solid #D6DCE0;text-align:center;font-weight:bold;color:#E76A6C;cursor:pointer;" id="loginPhone" onclick="jumpPmg(this)">扫码登录</div><div style="float:left;width:46%;text-align:center;font-weight:bold;cursor:pointer;" id="loginWeb" onclick="jumpPmg(this)">账户登录</div></div> <form class="logIn-cont" id="logIn" action="" method="post" style="height:215px;"> <i class="icon close" style="top:-90px !important;"></i> <div id="loginRu" style="display:none" > <div class="row" > <i class="icon user-icon"></i> <input type="text" name="userName" id="userName" placeholder="用户名/手机号"/> </div> <div class="row"> <i class="icon psd-icon"></i> <input type="password" name="password" id="passwordFoot" placeholder="密码" style="padding: 6px 5px"/> </div> <div class="row clearfix verifyCode-row"> <input type="text" class="verifycode" name="verifyCode" id="verifyCode"/> <img id="yw0" src="/data/captcha/v/67b3858fdb4f7.html" alt="" /> </div> <div class="row clearfix"> <a class="forget-psd-btn" href="/user/forgetPasswd.html"><i class="forget-psd-icon"></i>忘记密码</a> <a class="register-btn" href="/article/getLeft/id/249/keyIndex/1.html">立刻注册</a> </div> <button class="login-submit" type="button" id="login" style="cursor: pointer;"></button> </div> <div id="loginApp" >  <div id = "leftDiv" style="position: absolute; top:0px;left:15px;width:160px;border:1px solid #E8EBED;padding:4px;" > <img src="" style="cursor:pointer;" id="leftImg" width="158px"> </div> <div class="showInvalid" style="position: absolute; top:0px;left:15px;width:160px;border:1px solid #E8EBED;padding:4px;z-index:99;filter: alpha(opacity=40);bottom:0; background:#000020;opacity:0.5;height:158px;" > </div> <div class="showInvalid" style="position: absolute; top:0px;left:15px;width:160px;padding:4px;z-index:100;height:158px;opacity:1;font-size:14px;text-align:center;" > <div style="color:#fff;margin-top:50px;">二维码失效</div> <div style="background:#E4393C;height:24px;width:80px;color:#fff;text-align:center;line-height:24px;margin:16px auto;cursor:pointer;" class="clickFlash">点击刷新</div> </div> <div style="position: absolute; top:0px;right:40px;width:144px;" id="tsShow"> <image src="/static/images/loginApp/showPhone.png" style="margin-bottom:13px;" id="rightImg" /> </div> <div style="position:absolute;top:180px;left:60px;font-size:14px;"><span>登录手机</span><span style="color:#EB8182;margin-right:26px;">中国气象数据网</span><span>扫描二维码</span></div> <div style="position: absolute; top:210px;left:80px;font-size:14px;text-align:center;"> <image src="/static/images/loginApp/tig1.png" class="bottom-img" /> <span class="bottom-img" style="color:#94A7D8;cursor:pointer;"><a href="/article/getRegister/id/338/keyIndex/1.html">立即注册</a></span> <image src="/static/images/loginApp/tig2.png" class="bottom-img"/> <span class="bottom-img">更快</span> <image src="/static/images/loginApp/tig3.png" class="bottom-img" /> <span class="bottom-img">更安全</span> </div> </div> </form> <div class="logRd"> <div class="logRdTi"> <div class="logRdTiLn logRdTiLnLe"></div> <div class="logRdTite">第三方登录</div> <div class="logRdTiLn logRdTiLnRi"></div> </div> <div class="logRdVd"> <a href="https://oauth.escience.org.cn/oauth/authorize?client_id=0edbcj67qsy1b1ld&response_type=code&scope=s&redirect_uri=http://data.cma.cn/user/oauLogin"> <div class="logRdVdIt"> <div class="logRdVdItLo1"></div>科技资源共享网登录 </div> </a> </div> </div> </div>    <div class="right-barN"> <div class="right-barN-list"> <input name="jump" type="hidden" class="auerl" value="/order/list/type/online.html"> <i class="right-barN-icon order-iconN"></i> <div class="right-barN-listShow"><i class="right-barN-icon order-iconN"></i>我的订单</div> </a> </div> <div class="right-barN-list "> <input name="jump" type="hidden" class="auerl" value="/order/carView.html"> <i class="right-barN-icon data-iconN"></i> <div class="right-barN-listShow"><i class="right-barN-icon data-iconN"></i>我的数据筐</div> </a> </div> <div class="right-barN-list "> <input name="jump" type="hidden" class="auerl" value="/data/favorite.html"> <i class="right-barN-icon collect-iconN"></i> <div class="right-barN-listShow"><i class="right-barN-icon collect-iconN"></i>我的收藏</div> </a> </div> <div class="right-barN-list"> <input name="jump" type="hidden" class="auerl" value="/article/feedback.html"> <i class="right-barN-icon feedback-iconN"></i> <div class="right-barN-listShow"><i class="right-barN-icon feedback-iconN"></i>用户反馈</div> </a> </div> <div class="right-barN-list right-barN-listNoBorder"> <a href="/user/online.html" target="_blank"> <i class="right-barN-icon chat-iconN"></i> <div class="right-barN-listShow"><i class="right-barN-icon chat-iconN"></i>在线客服</div> </a> </div> </div> <div class="right-barN right-barNBelow"> <div class="right-barN-list noneed-login right-barN-listNoBorder"> <a href="#"> <i class="right-barN-icon return-top-icon"></i> <div class="right-barN-listShow"><i class="right-barN-icon return-top-icon"></i>返回顶部</div> </a> </div> </div> <div class="right-barBelt"></div> <style> /* .logIn .logIn-cont { top: 0px; }*/ .bottom-img{display:block;float:left;margin-right:10px;} .right-barN{height:179px;width:29px;background:#7a6e6e;position:fixed;right:6px;top:210px;z-index:110;} .right-barNBelow{height:35px;/*top:570px;*/top:auto;bottom:0px;} .right-barN-list{height:35px;border-bottom:1px solid #fff;cursor:pointer;} .right-barN-listNoBorder{border-bottom:0px solid #fff;} .right-barN-icon{width:27px;height:35px;display:block;background:url("/static/images/rightBarBk.png"); background-position:-5px -5px;float:left;} .data-iconN{background-position:-40px -7px;} .chat-iconN{background-position:-200px -7px;} .collect-iconN{background-position:-81px -7px;} .feedback-iconN{background-position:-123px -7px;} .return-top-icon{background-position:-161px -7px;} .right-barN-listShow{position:absolute;height:35px;width:99px;background:#ff7d34;margin-left:-70px;color:white;line-height:35px;overflow: hidden; display:none;z-index:5;font-size:12px;text-align: center;} .right-barN-list:hover .right-barN-listShow{display:block;} .right-barBelt{width:6px;height:100%;position:fixed;right:0;background:#7a6e6e;top:0px;z-index:110;} .survey{font:16px "微软雅黑";color:#2b2b2b;line-height: 32px;} .surveyTi{text-align: left;margin-top: 20px;margin-bottom: 0px;} .surveyCo{text-align: left;text-indent: 2em;} .surveyBo{text-align: right;} .surveyFuBt{float: left;width: 91px;height: 44px;border-radius: 2px;background: url('/static/images/inform-bt.png');margin-top: 6px;font:16px "微软雅黑"; color:#fff;line-height: 41px;font-weight: bold;cursor: pointer;} .surveyFuBtIn{margin-left: 88px;} .surveyFuBtOu{margin-left: 70px;} .footer-bg14{background: #fff;border-top: 1px solid #cecece;height: 192px;} .footer-help{height: 31px;line-height: 31px;padding-top: 10px} .footer-help-div{height:31px;margin-left: 260px} .footer-help a{float: left;color:#9b9b9b;} .footer{background:#fff;} .footer-message p{color:#9b9b9b;} .footer-message{padding-top:0px;height: 60px;} /*.footerIc{position:absolute;width:60px;height:77px;margin-left: 570px;margin-top:4px;}*/ .footerIc1{position:absolute;margin-left: /*108px*/165px;margin-top:-70px;} .footerIc1Im{width:185px;height:61px;background:url('/static/images/home/qixianglogo.png') no-repeat;margin-bottom: 5px;margin-left: 22px;margin-top: -6px;} .footerIc1Te{font:12px "微软雅黑";color:#777777;} .footerIc7{position:absolute;margin-left: 222px;margin-top:-75px;font:10px "微软雅黑";color:#777777;} .footerIc2{position:absolute;margin-left: /*29px*/62px;margin-top:-80px;} .footerIc2Im{width:75px;height:76px;background:url('/static/images/home/weilogo1.png');margin-bottom: 3px;margin-left: 2px;margin-top: -3px;} .footerIc2Te{font:12px "微软雅黑";color:#777777;} .footerIc5{position:absolute;margin-left: 1035px;margin-top:-78px;} .footerIc6{position:absolute;margin-left: 1155px;margin-top: -72px;font-size: 8px;} .footerIc3Im{width:91px;height:74px;background:url('/static/images/home/weixinlogo.png') no-repeat;margin-bottom: 3px;margin-left: 2px;margin-top: -3px;} .footerIc3Te{font:12px "微软雅黑";color:#777777;margin-left: 5px;margin-top: -3px;} .footerIc3{position:absolute;width:101px;height:54px;background: url('/static/images/home/weilogo2.png?v=1');margin-left: 822px;margin-top:-71px;} .footerIc4{position:absolute;width:70px;height:48px;background: url('/static/images/home/weilogo.png');margin-left: 942px;margin-top:-68px;} .index-notice-dialog { width: 506px; padding: 0px; border: none; } .index-notice-dialog .ui-dialog-titlebar { background: transparent url("/static/images/notice-header.png") no-repeat scroll 0% 0%; height: 37px; overflow: hidden; } .index-notice-dialog .ui-dialog-titlebar-close { background: transparent url("/static/images/close-btn.png") no-repeat scroll 10px 10px; border: medium none !important; } #forSurveyDialog { background: url("/static/images/inform-bg.jpg") no-repeat; height: 354px !important; padding: 0px 40px !important; border: 1px solid #6499c1; border-top: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; width:100%; padding: 0px; } .ui-dialog-content{text-align: center;width:88px;} .ghsIm{width: 20px;height:20px;background: url('/static/images/home/ghs.png');float:left;margin-top: 5px;margin-left: -22px;position: absolute;} .ghsA{padding-left: 20px;} </style> <script> var show; var time; var stop; var setInvoidStatus = 0; //2017.3.3新加js function jumpPmg(e){ var id = $(e).attr("id"); if(id == 'loginPhone'){ if(setInvoidStatus==0 && $("#loginApp").css("display")=='none'){ setInvoid(); //开始轮询 setInvoidStatus = 1; } $("#loginApp").css("display","block"); $("#loginRu").css("display","none"); }else if(id == 'loginWeb'){ if(setInvoidStatus==1 && $("#loginRu").css("display")=='none'){ clearInterval(show); //停止轮询 setInvoidStatus = 0; } $("#loginRu").css("display","block"); $("#loginApp").css("display","none"); } } function setInvoid(){ $(".showInvalid").css("display","none"); //当点击登陆时都是先出现提示，后进行倒计时消失 $('#tsShow').css('display','block'); $('#leftDiv').css('left','15px'); //$('.showInvalid').css('left','15px'); //调样式倒计时；倒计时4秒关闭！ time = 0; stop = setInterval(function(){ time = time + 1; if(time == 4 ){ $('#tsShow').stop().fadeOut("fast"); $('#leftDiv').stop().animate({left:'101px'}, 500, 'linear'); $('.showInvalid').stop().animate({left:'101px'}, 500, 'linear'); clearInterval(stop); } },1000); //调方法qrCode进行加上二维码在页面上 $.ajax({ url:"/site/qrCode.html", type:"post", success:function(data){ data = JSON.parse(data); var code = data.qrcode ; $('#leftImg').attr("src",data.imastr); //show = setInterval(loginfunction(code),1000);//轮询开始！ show = setInterval(function(){ $.ajax({ url:"/site/getqrinfo.html", data:{qrcode:code}, type:"post", //dataType:"josn", success:function(data){ //alert(3); data = JSON.parse(data); //alert(data.status); //alert(data.content.value); if( data.status == 0 ){ if(data.content.value != '' && data.content.value != null){ clearInterval(show);//停止轮询 setInvoidStatus = 0; //登陆:存储sesson;把需要的参数全部存入完成自动登陆 var userid = data.content.value; $.ajax({ url:"/user/appLogin.html", data:{userid:userid}, type:"post", dataType:"json", success:function(result){ if(result.status == 1){ alert('用户不存在！'); } var outUrl = "/user/logout.html"; if (result.status == 100) { var outLink = '<span><a href="' + outUrl + '" class="loginoutA">退出</a></span> '; var loginStatus = outLink + '<a style="text-decoration:none;" href="/user/info.html" >欢迎您！ ' + result.trueName + '</a> '; $(".mark,.logIn").hide(); $("#regLink").hide(); $('#loginStatus').html(loginStatus); $(".loginhead").removeClass("loginhead"); $(".feedbacklogin").removeClass("feedbacklogin"); window.location = window.location; } } }); } }else if(data.status == -1){ clearInterval(show);//停止轮询 setInvoidStatus = 0; //把二维码上面放上遮罩层，并做好样式 $(".showInvalid").css("display","block"); } } }); },1000); } }); } $(document).on("click",".right-bar .right-bar-list",function(){ if($(".validfeedback.feedbacklogin").length!=0&&!$(this).hasClass("noneed-login")){ $(".mark,.logIn").show(); if($("#loginApp").css("display")!='none'){ //微信登录开启状态下 setInvoid(); setInvoidStatus = 1; } return false; } window.location.href = $(this).find(".auerl").val(); }); $(document).on("click",".right-barN .right-barN-list",function(){ if($(".validfeedback.feedbacklogin").length!=0&&!$(this).hasClass("noneed-login")){ $(".mark,.logIn").show(); if($("#loginApp").css("display")!='none'){ //微信登录开启状态下 setInvoid(); setInvoidStatus = 1; } return false; } if($(this).find(".auerl").val()){ window.open($(this).find(".auerl").val()); } }) </script> <script language="javascript" type="text/javascript" src="/static/js/My97DatePicker/WdatePicker.js"></script> <script src="/static/js/weather.js"></script> <script type="text/javascript"> (function ($) { require(["iealert"], function (IEAlert) { new IEAlert(); }); /*登陆dialog*/ $(document).on('click','.loginhead , .clickFlash',function(){ if($(this).hasClass('loginhead')||$(this).hasClass('clickFlash')){//不刷新页面移除类后不触发登录 $(".mark,.logIn").show(); if($("#loginApp").css("display")!='none'){ //微信登录开启状态下 setInvoid(); setInvoidStatus = 1; } } }); //当鼠标触摸二维码，样式发生变化 $('#leftImg').mouseover(function(){ $('#tsShow').stop().fadeIn(1000); $('#leftDiv').stop().animate({left:'15px'}, 500, 'linear'); $('.showInvalid').stop().animate({left:'15px'}, 500, 'linear'); }); $('#leftImg').mouseout(function(){ $('#tsShow').stop().fadeOut("fast"); $('#leftDiv').stop().animate({left:'101px'}, 500, 'linear'); $('.showInvalid').stop().animate({left:'101px'}, 500, 'linear'); }); //console.log(document.documentElement.clientWidth); //console.log($(".logIn").width()); //console.log(document.documentElement.clientHeight); //console.log($(".logIn").height()); $(".logIn").css({"left": (document.documentElement.clientWidth - $(".logIn").width()) / 2, "top": (document.documentElement.clientHeight - $(".logIn").height()) / 2}); window.onresize = function () { // console.log(document.documentElement.clientWidth); // console.log($(".logIn").width()); // console.log(document.documentElement.clientHeight); // console.log($(".logIn").height()); $(".logIn").css({"left": (document.documentElement.clientWidth - $(".logIn").width()) / 2, "top": (document.documentElement.clientHeight - $(".logIn").height()) / 2}); } /*登陆dialog*/ $(".close").on("click", function () { $(".mark").hide(); $(this).parents(".logIn").hide(); $(".logIn-cont input").val(""); clearInterval(show);//停止轮询 $(".showInvalid").css("display","none"); //当点击登陆时都是先出现提示，后进行倒计时消失 $('#tsShow').css('display','block'); $('#leftDiv').css('left','15px'); }) $(".Code").on("focus", function () { $(this).addClass("blur-color"); }); $(".Code").on("blur", function () { $(this).removeClass("blur-color"); }) /*隔行变色*/ var tablename = $(".download-rank12"); var li = $(".download-rank12 li") for (var i = 0; i <= li.length; i++) { if (i % 2 != 0) { $(li[i]).addClass("color") } } /*隔行变色*/ })(jQuery) if ($("body").height() < $(document).height()) { $(".sub-body-content").height($(document).height() - $(".head-top-cont").height() - $(".head12").height() - $(".footer-bg14").height() - 18) } </script> <script src="/static/js/des3.js"></script> <script type="text/javascript"> $(function () { $(document).on('click','.validfeedback',function(){ if($(this).hasClass("feedbacklogin")){ $(".mark,.logIn").show(); if($("#loginApp").css("display")!='none'){ //微信登录开启状态下 setInvoid(); setInvoidStatus = 1; } return false; } location.href = $(this).attr("url"); }); var loginPage = $(".logIn").hasClass('logIn-page'); if (!loginPage) $(".logIn").css({"left": (document.documentElement.clientWidth - $(".logIn").width()) / 2, "top": (document.documentElement.clientHeight - $(".logIn").height()) / 2}); window.onresize = function () { $(".logIn").css({"left": (document.documentElement.clientWidth - $(".logIn").width()) / 2, "top": (document.documentElement.clientHeight - $(".logIn").height()) / 2}); } $(".close").bind("click", function () { $(".mark,.logIn").hide(); $(".logIn-cont input").val(""); clearInterval(show);//停止轮询 $(".showInvalid").css("display","none"); //当点击登陆时都是先出现提示，后进行倒计时消失 $('#tsShow').css('display','block'); $('#leftDiv').css('left','15px'); }) /*登陆dialog*/ $(document).on('click','#login',function () { var url = "https://data.cma.cn/user/Login.html"; var mahost = location.host; if(url.indexOf("https")!=-1 && mahost == 'www.nmic.cn'){ var urlAr = url.split('/'); urlAr[2] = 'www.nmic.cn'; url = urlAr.join('/'); } var userName = $('#userName').val(); var password = DES3.encrypt($('#passwordFoot').val()); var verifyCode = $('#verifyCode').val(); $.ajax({ type: "post", url: url, cache: false, async: true, data: {userName: userName, password: password, verifyCode: verifyCode}, dataType: 'jsonp', jsonp:'callback', //timeout:8000, success: function (data) { var outUrl = "/user/logout.html"; if (data.status == 1) { alert('验证码错误！'); } else if (data.status == 104){ alert('您的账号未激活，请登录邮箱激活！'); } else if (data.status == 105) { alert('您的手机号码不唯一，无法登录，如需登录，请电话（86-10-68407499）联系管理员修改！'); } else if (data.status == 100) { var outLink = '<span><a href="' + outUrl + '">退出</a></span> '; var loginStatus = outLink + '<a style="text-decoration:none;" href="/user/info.html" >欢迎您！ ' + data.trueName + '</a> '; $(".mark,.logIn").hide(); $("#regLink").hide(); $('#loginStatus').html(loginStatus); $(".loginhead").removeClass("loginhead"); $(".feedbacklogin").removeClass("feedbacklogin"); window.location = window.location; } else{ $('.verifyCode-row').find('a').click();//刷新验证码 alert('用户名或密码错误！'); } } }); }); }); $(function () { /*测导航*/ $(".search-left-nav i").click(function () { var contain = $(this).parent().next(); if ($(this).hasClass("unfold")) { contain.hide(); $(this).toggleClass("unfold"); } else if (contain.hasClass("contain")) { contain.show(); $(this).toggleClass("unfold"); } }) $(".search-left-nav-cont a").click(function () { //console.log(this) $(this).toggleClass("select"); $(this).parent().toggleClass("select"); }) /*测导航*/ var leftNav = $(".search-left-nav"); !leftNav.hasClass("no-padding") ? leftNav.css("min-height", $(".content").height()) : leftNav.css("min-height", "auto"); $(document).on('click', '.validLogin', function () { if (!$(this).hasClass("loginhead")) { if($(this).hasClass("target")){ window.open($(this).attr('url')) }else{ location.href = $(this).attr("url"); } } }); $(document).on('click', '.favorite', function () { var url = "/data/favoriteAdd.html" var params = { dataCode: $(this).attr("datacode") }; $.get(url, params, function (d) { if (d.status) { alert(d.data.message); } }) }); $(document).ready(function(){ $(".loginoutA").click(function(){ document.cookie = "surveyCookie=0;path=/"; }); }); }); </script> <script src="/kefu/welive.js"></script>  <script type="text/javascript"> var _paq = _paq || []; var _paq2 = _paq2 || []; function getPiwik(url, siteId, paq){ paq.push(['trackPageView']); paq.push(['enableLinkTracking']); paq.push(['setTrackerUrl', url+'piwik.php']); paq.push(['setSiteId', siteId]); var keywords=''; if(keywords){ paq.push(['trackSiteSearch',keywords]); } var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.async=false; g.defer=true; g.src=url+'piwik.js'; s.parentNode.appendChild(g); } getPiwik("https://analytics.escience.org.cn/", '6', _paq); getPiwik("https://wx.data.cma.cn:8111/", 1, _paq2); </script>  <script type="text/javascript"> var mahost = location.host; var caCode = 'CA330000000606525890005'; if(mahost == 'www.nmic.cn'){ caCode = 'CA330000000606525890004'; } $(".footerIc").append(unescape("%3Cspan id='_ideConac' %3E%3C/span%3E%3Cscript src='http://dcs.conac.cn/js/33/000/0000/60652589/"+caCode+".js' type='text/javascript'%3E%3C/script%3E")); </script> <script> $(function(){  $('.navcont12 .li').each(function(){ $(this).hover(function(){ $(this).prev('.navDi').css('background','transparent'); $(this).next('.navDi').css('background','transparent'); $(this).find('a:eq(0)').css('color','#fff'); },function(){ $(this).prev('.navDi').css('background','#d2d2d2'); $(this).next('.navDi').css('background','#d2d2d2'); $(this).find('a:eq(0)').css('color','#333333'); }); }); $('.sf_sec_ul li').each(function(){ $(this).hover(function(){ $(this).find('.sf_sec_ul_icon').css("background","url('/static/images/home/sf_sec_icon_wh.png')"); },function(){ $(this).find('.sf_sec_ul_icon').css("background","url('/static/images/home/sf_sec_icon_bl.png')"); }); });  //plus会员相关js $(".plusTxtClick").on("click", function(){ window.location.href = "/article/getLeft/id/385/keyIndex/7.html"; }); $(".notPlusTxtClick").on("click", function(){ window.location.href = "/plus/index.html"; }); $(".plusTitleH").on("click", function(){ window.location.href = "/plus/index.html"; }); $(".noPlusTitleH").on("click", function(){ window.location.href = "/plus/index.html"; }); //特权图标链接 $(".noPlusPrivilegeLink li").on("click", function(){ window.location.href = "/plus/index.html"; }); var plusURLList = { '1':'/integral/UserLevelPLUS.html', '2':'/integral/UserLevelPLUS.html', '3':'/data/cdcindex/cid/6d1b5efbdcbf9a58.html', '4':'/order/list/type/online/show_value/normal.html', '5':'/data/cdcindex/cid/ca8d59ed054f6918.html', '6':'/plus/index.html' }; $(".plusPrivilegeLink li").each(function(){ $(this).click(function(){ var id = $(this).attr('class'); if(id != ''){ location.href = plusURLList[id]; } }); }); //plus会员特权切换 var liW = $(".plusImgsWheel li").width(); var len = $(".plusImgsWheel li").length; var ulW = len * liW; $(".plusImgsWheel").css("width", ulW); $(".plusImgArrLeft").mouseenter(function(){ var left = document.getElementById("plusImgsWheel").offsetLeft; if(left == -2*liW){ $(".plusImgsWheel").stop().animate({"left":-liW}, 500).delay(500).animate({"left":0}, 500); } }); $(".plusImgArrRight").mouseenter(function(){ var left = document.getElementById("plusImgsWheel").offsetLeft; if(left == 0){ $(".plusImgsWheel").stop().animate({"left":-liW}, 500).delay(500).animate({"left":-2*liW}, 500); } }); }); </script> </body> </html>

CINXE.COM

中国气象数据网 - Online Data