中国气象数据网 - WeatherBk Data

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>中国气象数据网 - WeatherBk 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-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-two"> <a target="_blank" href="http://czce.data.cma.cn/"><div class="menu-sub-item">郑商所气温指数</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>  <!DOCTYPE html> <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.3.5/jquery.easyui.min.js" type="text/javascript"></script> <script src="/weatherGis/static/jquery-easyui-1.3.5/easyui-lang-zh_CN.js" type="text/javascript"></script> <script src="/weatherGis/static/Js/gis/highcharts.js" type="text/javascript"></script> <link href="/weatherGis/static/jquery-easyui-1.3.5/themes/default/easyui.css" rel="stylesheet" type="text/css" /> <link href="/weatherGis/static/jquery-easyui-1.3.5/themes/icon.css" rel="stylesheet" type="text/css" /> <style type="text/css"> *{margin:0;padding:0} ul,li,img{margin:0;padding:0;border:0;list-style-type:none} label{font-size:13px} #tablerow1{height:35px !important;font-size:12px;font-weight:bold;line-height:35px;} #tablerow2{background:#EFF5FF;height:30px} #menuDesc{float:left;display: block;font:bold 17px/35px '微软雅黑';coloe:#333;} #mainTable{width:1200px;border-collapse:collapse;border-spacing:0} td{border:0px solid red} .left-Ztree{width:15%;height:100%;} .right-content{width:85%;height:950px} .right-content .r_container{width:935px;height:100%;padding-left:15px} #hourDiv{width:150px;margin-left:-120px} .textSpan{font-size:12px} .blankDiv{background-color:white;float:right;height:180px;margin-right:-2px;margin-top:-150px;width:3px} #showimages{margin-right:8px;margin-bottom:25px} .title_bg{float:left;width:100%;height:30px;line-height:30px;text-align:left;background-color:#f1f8ff;} .title_bg .picHand{float:left;width:auto;height:30px;padding:0px 19px 0px 40px;border-right:solid 1px #fff;font:normal 14px/30px '微软雅黑';color:#333;background-position: 20px center;background-repeat: no-repeat;} .title_bg .picHand.active{padding:0px 20px 0px 40px;border-right:none;background-color:#2c9aef;color:#fff;} .jsbg{background-position:center bottom;margin-bottom:12px;background-repeat:repeat-x;border:1px solid #e0e6ed;border-top:solid 1px #2c9aef;display:inline;float:left;overflow:hidden;width:calc(100% - 2px);box-shadow:0px 3px 5px 0px #e0e6ed;} #tree-title:hover{background-color:#eaf2ff} .checkTapinput{float:left;width:auto;height:25px;margin-left:5px;padding:0px 15px;background-color:#eee;font: normal 14px/25px '微软雅黑';color:#444;} .checkTapinput.active{background-color:#2c9aef;color:#fff;} .selectinput{float:left;margin-left:5px;line-height:25px;left:20px} .selectinput.active{float:left;margin-left:5px;line-height:25px;left:20px} .noDataToShow{position:absolute;top:45%;left:50%;color:#999;font-size:20px} </style> <script language="javascript"> var stationID = 54511; var yearRang = '19812010'; var provinceCode = "110"; $(function() { sendtitle('中国地面气候示意图('+yearRang+')'); $("#qw").attr("checked",true); $("#qw1").attr("checked",true); //var treeData=[{"id":"1","text":"","dataCode":"","isfcstVT":0,"children":[{"id":"101","text":"中国地面气候示意图(1971-2000)","dataCode":"P_WXCL_ASC_E99_ACHN_LNO_PY","isfcstVT":0,"children":"","downloadUrl":"","isDownload":0}],"downloadUrl":"","isDownload":0},{"id":"2","text":"1级-2","dataCode":"","isfcstVT":0,"children":[{"id":"201","text":"中国地面气候标准值月值(1981-2010)","dataCode":"P_WXCL_ASC_E99_ACHN_LNO_PY","isfcstVT":0,"children":[{"id":"20101","text":"月极端温度统计","dataCode":"SURF_TH1","isfcstVT":0,"children":"","downloadUrl":"","isDownload":0},{"id":"20102","text":"月平均降水量统计","dataCode":"SURF_T1","isfcstVT":0,"children":"","downloadUrl":"","isDownload":0},{"id":"20103","text":"月最大降水量统计","dataCode":"SURF_TL1","isfcstVT":0,"children":"","downloadUrl":"","isDownload":0},{"id":"20104","text":"月平均气压统计","dataCode":"SURF_TL1","isfcstVT":0,"children":"","downloadUrl":"","isDownload":0},{"id":"20105","text":"月平均温度统计","dataCode":"SURF_TL1","isfcstVT":0,"children":"","downloadUrl":"","isDownload":0},{"id":"20106","text":"月平均湿度统计","dataCode":"SURF_TL1","isfcstVT":0,"children":"","downloadUrl":"","isDownload":0}],"downloadUrl":"","isDownload":0}],"downloadUrl":"","isDownload":0}]; var treeData = [{"id":"2","text":"气候标准值","textAl":"","dataCode":"","isfcstVT":0,"isDaily":0,"children":[{"id":"201","text":"中国地面气候标准值月值(1981-2010)","textAl":"","dataCode":"","isfcstVT":0,"isDaily":0,"children":[{"id":"20101","text":"月极端气温统计","textAl":"","dataCode":"","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"20102","text":"月平均降水量统计","textAl":"","dataCode":"","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"20103","text":"月最大降水量统计","textAl":"","dataCode":"","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"20104","text":"月平均气压统计","textAl":"","dataCode":"","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"20105","text":"月平均气温统计","textAl":"","dataCode":"","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""},{"id":"20106","text":"月平均湿度统计","textAl":"","dataCode":"","isfcstVT":0,"isDaily":0,"children":"","isDownload":0,"downloadUrl":""}],"isDownload":0,"downloadUrl":""}],"isDownload":0,"downloadUrl":""}]; $.each(treeData,function(i,Object){ $('#'+Object.id).tree({ data:Object.children, onSelect:function(node){ setTreeNode(node); }, onBeforeSelect:function(node){ if(node.children.length>0){ return false; }; } }); }); $('#accordion').accordion({ multiple:true }); $('#accordion-sub0').show(); $('#accordion-sub1').show(); $('#accordion-sub0 .tree-node').eq(1).trigger("click"); // setSelectedTreeNode(); var menuID =''; $('#accordion').accordion('select','气候标准值'); if(menuID.length>1){ var parmenuID = menuID.substr(0,1); var node = $('#'+parmenuID).tree('find',menuID); $('#'+parmenuID).tree('expandTo', node.target).tree('select', node.target); } getStationData(); getStationData2(110); $('#provinceSelect').combobox({ onChange:function(newValue, oldValue){ provinceCode = newValue; getStationData2(newValue); } }); $('#stationSelect').combobox({ onChange:function(newValue, oldValue){ stationID = newValue; var divNodes =document.getElementsByTagName("dl"); for(var x=0;x<divNodes.length;x++){ if(divNodes[x].style.display=="block"){ loadStation(divNodes[x].id); } } } }); }); function setSelectedTreeNode(){ var node = $('#1').tree('getRoot'); $('#1').tree('select', node.target); } function setTreeNode(node){ sendtitle(node.text); if("102"==node.id){ yearRang = '19812010'; $("#_easyui_tree_3").removeClass("tree-node-selected"); $("#_easyui_tree_4").removeClass("tree-node-selected"); $("#_easyui_tree_5").removeClass("tree-node-selected"); $("#_easyui_tree_6").removeClass("tree-node-selected"); $("#_easyui_tree_7").removeClass("tree-node-selected"); $("#_easyui_tree_8").removeClass("tree-node-selected"); $("#uppage").show(); $("#downpage").hide(); checkElementRadio("qw_"); } if("20101"==node.id){ $("#_easyui_tree_1").removeClass("tree-node-selected"); $("#uppage").hide(); $("#downpage").show(); loadStation('extreme_temperature'); } if("20102"==node.id){ $("#_easyui_tree_1").removeClass("tree-node-selected"); $("#uppage").hide(); $("#downpage").show(); loadStation('average_rainfall'); } if("20103"==node.id){ $("#_easyui_tree_1").removeClass("tree-node-selected"); $("#uppage").hide(); $("#downpage").show(); loadStation('max_rainfall'); } if("20104"==node.id){ $("#_easyui_tree_1").removeClass("tree-node-selected"); $("#uppage").hide(); $("#downpage").show(); loadStation('pressure'); } if("20105"==node.id){ $("#_easyui_tree_1").removeClass("tree-node-selected"); $("#uppage").hide(); $("#downpage").show(); loadStation('verage_temperature'); } if("20106"==node.id){ $("#_easyui_tree_1").removeClass("tree-node-selected"); $("#uppage").hide(); $("#downpage").show(); loadStation('humidity'); } } var currentObj=""; function displayImage(obj) { currentObj = obj; var subtype = obj.subtype; var type = obj.type; var id = obj.id; var name = obj.name; var mon = obj.mon; var surl = 'http://image.data.cma.cn'+"/climateImage/"; var burl = "/SURF_CLI_CHN_MUL_MUT_"+yearRang+"_ATLAS-"; if ("1" == subtype) {//年月 $("#"+type+"condition").show(); $("#"+type+"condition1").show(); $("#"+type+"condition2").show(); var isfirst = false; $(":radio[name='"+type+"period']").each(function() { if (!isfirst) { $(this).click(); isfirst = true; } }); changeImage("01"); } else if ("2" == subtype) {//月份 $("#"+type+"condition").show(); $("#"+type+"condition1").show(); $("#"+type+"condition2").hide(); $(":radio[name='"+type+"period']:first").click(); }else { $("#"+type+"condition").hide(); $("#"+type+"condition1").hide(); $("#"+type+"condition2").hide(); var url = surl+type + burl + mon + '-' + type + '-' + id + '.png'; $("#"+type+"climateImage").removeAttr("style"); $("#"+type+"climateImage").attr("src", url); } } function changeCheckTapinput(tap,id){ if(!$("#"+id).hasClass("active")){ $(".checkTapinput."+tap+".active").removeClass("active"); $("#"+id).addClass("active"); } } function changeImage(value) { if (currentObj) { var subtype = currentObj.subtype; var type = currentObj.type; var id = currentObj.id; var name = currentObj.name; var mon = currentObj.mon; var surl = 'http://image.data.cma.cn'+"/climateImage/"; var burl = "/SURF_CLI_CHN_MUL_MUT_"+yearRang+"_ATLAS-"; var url = null; if (value == '') { url = surl+ type + burl + 'MYER' + '-' + type + '-' + id + '.png'; }else { url = surl+ type + burl + mon + '-' + type + '-' + id + '-' + value + '.png'; } $("#"+type+"climateImage").removeAttr("style"); $("#"+type+"climateImage").attr("src", url); } } function sendtitle(value) { document.getElementById("menuDesc").innerHTML = value; } function loadStation(id) { //港澳台地区：站务港澳台站点数据 if(provinceCode=="710" || provinceCode=="810" || provinceCode=="820"){ var chart = $("#".concat(id)).highcharts(); if(chart!=undefined){//先销毁切换时不显示老数据 chart.destroy(); } $(".noDataToShow").show(); return; }else{ $(".noDataToShow").hide(); } var divNode = document.getElementById(id); var divNodes =document.getElementsByTagName("dl"); for(var x=0;x<divNodes.length;x++){ if(divNodes[x]==divNode){ var chart = $("#".concat(id)).highcharts(); if(chart!=undefined){//先销毁切换时不显示老数据 chart.destroy(); } $("#".concat(id)).css("display","block"); }else{ $("#".concat(divNodes[x].id)).css("display","none"); } } var url = '/weatherGis/web/dataservice/AppData/list?id='+id+'&stationID='+stationID; $.ajax({ url : url, async : false, type : 'GET', dataType : "json", success : function(result) { var V04002List = new Array(); var y1List = new Array(); var y2List = new Array(); var y3List = new Array(); var title; var y1Title; var y2Title; var y3Title; var text; $.each(result, function(i, station) { V04002List[i] = station.V04002; if("pressure"==id){ y1List[i] = station.V10004_701; title = '平均气压'; y1Title = '气压值'; text = '气压值(hPa)'; station1(V04002List,y1List,id,title,y1Title,text); }else if("extreme_temperature"==id){ y1List[i] = station.V12011; y2List[i] = station.V12012; title = '极端气温'; y1Title = '累年各月极端最高气温'; y2Title = '累年各月极端最低气温'; text = '气温值(°C)'; station2(V04002List,y1List,y2List,id,title,y1Title,y2Title,text); }else if("verage_temperature"==id){ y1List[i] = station.V12001_701; y2List[i] = station.V12011_701; y3List[i] = station.V12012_701; title = '平均、最高低气温'; y1Title = '累年各月平均气温'; y2Title = '累年各月平均最高气温'; y3Title = '累年各月平均最低气温'; text = '气温值(°C)'; station3(V04002List,y1List,y2List,y3List,id,title,y1Title,y2Title,y3Title,text); }else if("humidity"==id){ y1List[i] = station.V13003_701; title = '平均湿度'; y1Title = '累年各月平均相对湿度'; text = '湿度值(%)'; station1(V04002List,y1List,id,title,y1Title,text); }else if("average_rainfall"==id){ y1List[i] = station.V13306_701; title = '平均降水量'; y1Title = '降水量值'; text = '降水量值(mm)'; station4(V04002List,y1List,id,title,y1Title,text); }else if("max_rainfall"==id){ y1List[i] = station.V13060_MAX; title = '最大降水量'; y1Title = '累年各月最大日降水量'; text = '降水量值(mm)'; station4(V04002List,y1List,id,title,y1Title,text); } }); } }); } function station1(V04002List,y1List,id,title,y1Title,text) { $('#'.concat(id)).highcharts({ chart: { type: 'spline' }, title: { text: title }, xAxis: { categories: V04002List }, yAxis: { title: { enabled: true, text: text, rotation:270 }, }, series: [{ name: y1Title, data: y1List }], legend: { enabled: true, layout: 'vertical', align: 'center', verticalAlign: 'bottom', borderWidth: 0, }, credits:{ enabled:false//不显示highCharts版权信息 }, plotOptions: { series: { dataLabels: { enabled: true,//是否显示数据值 }, enableMouseTracking: false //鼠标选中点时没效果 } }, // $(".close").hide().show(); }); } station2 = function (V04002List,y1List,y2List,id,title,y1Title,y2Title,text) { $('#'.concat(id)).highcharts({ chart: { type: 'spline' }, title: { text: title }, xAxis: { categories: V04002List }, yAxis: { title: { enabled: true, text: text, rotation:270 }, }, series: [{ name: y1Title, data: y1List },{ name: y2Title, data: y2List }], legend: { enabled: true, layout: 'vertical', align: 'center', verticalAlign: 'bottom', borderWidth: 0, }, credits:{ enabled:false//不显示highCharts版权信息 }, plotOptions: { series: { dataLabels: { enabled: true,//是否显示数据值 }, enableMouseTracking: false //鼠标选中点时没效果 } }, // $(".close").hide().show(); }); } station3 = function (V04002List,y1List,y2List,y3List,id,title,y1Title,y2Title,y3Title,text) { $('#'.concat(id)).highcharts({ chart: { type: 'spline' }, title: { text: title }, xAxis: { categories: V04002List }, yAxis: { title: { enabled: true, text: text, rotation:270 }, }, series: [{ name: y1Title, data: y1List },{ name: y2Title, data: y2List },{ name: y3Title, data: y3List }], legend: { enabled: true, layout: 'vertical', align: 'center', verticalAlign: 'bottom', borderWidth: 0, }, credits:{ enabled:false//不显示highCharts版权信息 }, tooltip: //提示框设置 { formatter: function() { //格式化提示框的内容样式 return this.y; }, }, plotOptions: { series: { dataLabels: { enabled: true,//是否显示数据值 }, enableMouseTracking: true //鼠标选中点时没效果 } }, // $(".close").hide().show(); }); } station4 = function (V04002List,y1List,id,title,y1Title,text) { $('#'.concat(id)).highcharts({ chart: { type: 'column' }, title: { text: title }, xAxis: { categories: V04002List }, yAxis: { title: { enabled: true, text: text, rotation:270 }, }, series: [{ name: y1Title, data: y1List }], legend: { enabled: true, layout: 'vertical', align: 'center', verticalAlign: 'bottom', borderWidth: 0, }, credits:{ enabled:false//不显示highCharts版权信息 }, plotOptions: { series: { dataLabels: { enabled: true,//是否显示数据值 }, enableMouseTracking: false //鼠标选中点时没效果 } }, // $(".close").hide().show(); }); } //获取省数据 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/getStationSurf?provincecode='+provincecode; $.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{ $('#stationSelect').combobox('setValue',result[0].v01301); } } }); } function checkElementRadio(picId) { var picUrl = '/weatherGis/static/images/weatherBk/'; $(".picHand").removeClass("active"); $("#"+picId).addClass("active"); $(".picHand").each(function(){ if ($(this).attr("id") == picId) { var url=picUrl + $(this).attr("id") + '01.png'; $("#"+$(this).attr("id")).css("background-image", "url("+url+")"); $("#"+$(this).attr("id") + 'rightPage').css("display","block"); switch(picId){ case "qw_": $("#qw").attr("checked",true); $("#qw1").attr("checked",true); displayImage({'id':'12001','name':'月（年）平均气温','mon':'MMON','subtype':'1','type':'TEM'}); break; case "xdsd_": $("#xdsd").attr("checked",true); $("#xdsd1").attr("checked",true); displayImage({'id':'13003','name':'月（年）平均相对湿度','mon':'MMON','subtype':'1','type':'RHU'}); break; case "qh_pic": $("#qh").attr("checked",true); $("#qh1").attr("checked",true); displayImage({'id':'20010','name':'月（年）平均总云量','mon':'MMON','subtype':'1','type':'CLO'}); break; case "jsl_": $("#jsl").attr("checked",true); $("#jsl1").attr("checked",true); displayImage({'id':'13201','name':'月（年）降水量','mon':'MMON','subtype':'1','type':'PRE'}); break; case "feng_": $("#feng").attr("checked",true); $("#feng1").attr("checked",true); displayImage({'id':'11002A','name':'月（年）平均风速','mon':'MMON','subtype':'1','type':'WIN'}); break; case "rizhao_": $("#rizhao").attr("checked",true); $("#rizhao1").attr("checked",true); displayImage({'id':'14032','name':'月（年）日照时数','mon':'MMON','subtype':'1','type':'SSD'}); break; } } else { var url = picUrl + $(this).attr("id") + '02.png'; $("#"+$(this).attr("id")).css("background-image", "url("+url+")"); $("#"+$(this).attr("id") + 'rightPage').css("display","none"); } }); } </script> </head> <body onload="checkElementRadio('qw_')"> <center> <table cellspacing="0" cellpadding="0" id="mainTable"> <col width="72" span="2"> <tr height="18">  <td class="left-Ztree" rowspan="3" align="left" valign="baseline"> <div id="accordion" class="easyui-accordion" style="width:250px;height:auto;">  <div title="气候标准值" data-options="iconCls:'icon-save'" id="accordion-sub0"> <ul id="2"></ul> </div> </div> </td>  <td class="right-content"> <div class="r_container"> <div height="33" colspan="4" align="left" id='tablerow1'>     <span id="menuDesc"></span> </div> <div id="uppage" style="margin-top:-10px;display: none"> <div class="title_bg"> <div class="picHand" id="qw_" onclick="checkElementRadio(this.id);" style="background-image:url(/weatherGis/static/images/weatherBk/qw_01.png)">气温</div> <div class="picHand" id="xdsd_" onclick="checkElementRadio(this.id);" style="background-image:url(/weatherGis/static/images/weatherBk/xdsd_02.png)">相对湿度</div> <div class="picHand" id="qh_pic" onclick="checkElementRadio(this.id);" style="background-image:url(/weatherGis/static/images/weatherBk/qh_pic02.png)">云量</div> <div class="picHand" id="jsl_" onclick="checkElementRadio(this.id);" style="background-image:url(/weatherGis/static/images/weatherBk/jsl_02.png)">降水</div> <div class="picHand" id="feng_" onclick="checkElementRadio(this.id);" style="background-image:url(/weatherGis/static/images/weatherBk/feng_02.png)">风</div> <div class="picHand" id="rizhao_" onclick="checkElementRadio(this.id);" style="background-image:url(/weatherGis/static/images/weatherBk/rizhao_02.png)">日照</div> </div> <div class="main_div1_3" style="margin: 0px; width: 100%; left: 20px;"> <div id="qw_rightPage" style="display:block"> <div class="jsbg"> <div style="padding: 5px;font-size: 10pt;text-align: left; left: 20px;"> <table> <tr> <td> <div style="left: 20px;"> <div class="checkTapinput tap1 active" id="qw" onclick="javascript:displayImage({'id':'12001','name':'月（年）平均气温','mon':'MMON','subtype':'1','type':'TEM'});changeCheckTapinput('tap1','qw');" name="qwelementType" value="12001"> <label for="qw">月（年）平均气温</label> </div> <div class="checkTapinput tap1" id="qw01" onclick="javascript:displayImage({'id':'12205','name':'气温年较差','mon':'MYER','subtype':'','type':'TEM'});changeCheckTapinput('tap1','qw01');" name="qwelementType" value="12205"> <label for="qw01">气温年较差</label> </div> <div class="checkTapinput tap1" id="qw02" onclick="javascript:displayImage({'id':'12211','name':'月（年）平均最高气温','mon':'MMON','subtype':'1','type':'TEM'});changeCheckTapinput('tap1','qw02');" name="qwelementType" value="12211"> <label for="qw02">月（年）平均最高气温</label> </div> <div class="checkTapinput tap1" id="qw03" onclick="javascript:displayImage({'id':'12212','name':'月（年）平均最低气温','mon':'MMON','subtype':'1','type':'TEM'});changeCheckTapinput('tap1','qw03');" name="qwelementType" value="12212"> <label for="qw03">月（年）平均最低气温</label> </div> </div> </td> </tr> <tr> <td> <div id="TEMcondition1" style="left: 20px;"> <div class="selectinput"> <input type="radio" id="qw1" onclick="javascript:changeImage('01')" name="TEMperiod" value="01"> <label for="qw1">1月</label> </div> <div class="selectinput"> <input type="radio" id="qw11" onclick="javascript:changeImage('02')" name="TEMperiod" value="02"> <label for="qw11">2月</label> </div> <div class="selectinput"> <input type="radio" id="qw12" onclick="javascript:changeImage('03')" name="TEMperiod" value="03"> <label for="qw12">3月</label> </div> <div class="selectinput"> <input type="radio" id="qw13" onclick="javascript:changeImage('04')" name="TEMperiod" value="04"> <label for="qw13">4月</label> </div> <div class="selectinput"> <input type="radio" id="qw14" onclick="javascript:changeImage('05')" name="TEMperiod" value="05"> <label for="qw14">5月</label> </div> <div class="selectinput"> <input type="radio" id="qw15" onclick="javascript:changeImage('06')" name="TEMperiod" value="06"> <label for="qw15">6月</label> </div> <div class="selectinput"> <input type="radio" id="qw16" onclick="javascript:changeImage('07')" name="TEMperiod" value="07"> <label for="qw16">7月</label> </div> <div class="selectinput"> <input type="radio" id="qw17" onclick="javascript:changeImage('08')" name="TEMperiod" value="08"> <label for="qw17">8月</label> </div> <div class="selectinput"> <input type="radio" id="qw18" onclick="javascript:changeImage('09')" name="TEMperiod" value="09"> <label for="qw18">9月</label> </div> <div class="selectinput"> <input type="radio" id="qw19" onclick="javascript:changeImage('10')" name="TEMperiod" value="10"> <label for="qw19">10月</label> </div> <div class="selectinput"> <input type="radio" id="qw110" onclick="javascript:changeImage('11')" name="TEMperiod" value="11"> <label for="qw110">11月</label> </div> <div class="selectinput"> <input type="radio" id="qw111" onclick="javascript:changeImage('12')" name="TEMperiod" value="12"> <label for="qw111">12月</label> </div> <div class="selectinput"> <input type="radio" id="TEMcondition2" onclick="javascript:changeImage('')" name="TEMperiod" value=""> <label for="TEMcondition2">年</label> </div> </div> </td> </tr> </table> </div> </div> <div id="qw_rightDownPage" width="100%" height="800px" frameborder="0" scrolling="no" style="margin-top:0px" marginheight="0" marginwidth="0" name="rightDownPage"> <div style="left: 20px;"></div> <div class="div_L images_show" style="background: rgb(255, 255, 255) none repeat scroll 0% 0%; width: 100%; left: 20px;"> <div style="margin-top: 10px; margin-bottom: 10px; text-align: center; left: 20px;"> <img id="TEMclimateImage" border="0" width="100%" src="http://image.data.cma.cn/climateImage/TEM/SURF_CLI_CHN_MUL_MUT_19812010_ATLAS-MMON-TEM-12001-01.png"> </div> </div> </div> </div> <div id="xdsd_rightPage" style="display:none"> <div class="jsbg"> <div style="margin: 5px; font-size: 10pt; text-align: left; left: 20px;"> <table> <tbody> <tr> <td> <div style="left: 20px;"> <div class="checkTapinput tap2 active" id="xdsd" onclick="javascript:displayImage({'id':'13003','name':'月（年）平均相对湿度','mon':'MMON','subtype':'1','type':'RHU'});changeCheckTapinput('tap2','xdsd');" name="xdsdelementType" value="13003"> <label for="xdsd">月（年）平均相对湿度</label> </div> </div> </td> </tr> <tr id="RHUcondition" style="border: 1px solid rgb(143, 190, 254);"> <td> <div id="RHUcondition1" style="left: 20px;"> <div class="selectinput"> <input type="radio" id="xdsd1" onclick="javascript:changeImage('01')" name="RHUperiod" value="01"> <label for="xdsd1">1月</label> </div> <div class="selectinput"> <input type="radio" id="xdsd11" onclick="javascript:changeImage('02')" name="RHUperiod" value="02"> <label for="xdsd11">2月</label> </div> <div class="selectinput"> <input type="radio" id="xdsd12" onclick="javascript:changeImage('03')" name="RHUperiod" value="03"> <label for="xdsd12">3月</label> </div> <div class="selectinput"> <input type="radio" id="xdsd13" onclick="javascript:changeImage('04')" name="RHUperiod" value="04"> <label for="xdsd13">4月</label> </div> <div class="selectinput"> <input type="radio" id="xdsd14" onclick="javascript:changeImage('05')" name="RHUperiod" value="05"> <label for="xdsd14">5月</label> </div> <div class="selectinput"> <input type="radio" id="xdsd15" onclick="javascript:changeImage('06')" name="RHUperiod" value="06"> <label for="xdsd15">6月</label> </div> <div class="selectinput"> <input type="radio" id="xdsd16" onclick="javascript:changeImage('07')" name="RHUperiod" value="07"> <label for="xdsd16">7月</label> </div> <div class="selectinput"> <input type="radio" id="xdsd17" onclick="javascript:changeImage('08')" name="RHUperiod" value="08"> <label for="xdsd17">8月</label> </div> <div class="selectinput"> <input type="radio" id="xdsd18" onclick="javascript:changeImage('09')" name="RHUperiod" value="09"> <label for="xdsd18">9月</label> </div> <div class="selectinput"> <input type="radio" id="xdsd19" onclick="javascript:changeImage('10')" name="RHUperiod" value="10"> <label for="xdsd19">10月</label> </div> <div class="selectinput"> <input type="radio" id="xdsd110" onclick="javascript:changeImage('11')" name="RHUperiod" value="11"> <label for="xdsd110">11月</label> </div> <div class="selectinput"> <input type="radio" id="xdsd111" onclick="javascript:changeImage('12')" name="RHUperiod" value="12"> <label for="xdsd111">12月</label> </div> <div class="selectinput"> <input type="radio" id="RHUcondition2" onclick="javascript:changeImage('')" name="RHUperiod" value=""> <label for="RHUcondition2">年</label> </div> </div> </td> </tr> </tbody> </table> </div> </div> <div id="xdsd_rightDownPage" width="100%" height="800px" frameborder="0" scrolling="no" style="margin-top:0px" marginheight="0" marginwidth="0" name="rightDownPage"> <div style="left: 20px;"></div> <div class="div_L images_show" style="background: rgb(255, 255, 255) none repeat scroll 0% 0%; width: 100%; left: 20px;"> <div style="margin-top: 10px; margin-bottom: 10px; text-align: center; left: 20px;"> <img id="RHUclimateImage" border="0" width="100%" src="http://image.data.cma.cn/climateImage/RHU/SURF_CLI_CHN_MUL_MUT_19812010_ATLAS-MMON-RHU-13003-01.png"> </div> </div> </div> </div> <div id="qh_picrightPage" style="display:none"> <div class="jsbg"> <div style="margin: 5px; font-size: 10pt; text-align: left; left: 20px;"> <table> <tbody> <tr> <td> <div style="left: 20px;"> <div class="checkTapinput tap3 active" id="qh" onclick="javascript:displayImage({'id':'20010','name':'月（年）平均总云量','mon':'MMON','subtype':'1','type':'CLO'});changeCheckTapinput('tap3','qh');" name="qhelementType" value="20010"> <label for="qh">月（年）平均总云量</label> </div> <div class="checkTapinput tap3" id="qh01" onclick="javascript:displayImage({'id':'04270','name':'月（年）日平均总云量<2.0成（晴天）日数','mon':'MMON','subtype':'1','type':'CLO'});changeCheckTapinput('tap3','qh01');" name="qhelementType" value="04270"> <label for="qh01">月（年）日平均总云量<2.0成（晴天）日数</label> </div> <div class="checkTapinput tap3" id="qh02" onclick="javascript:displayImage({'id':'04271','name':'月（年）日平均总云量>8.0成（阴天）日数','mon':'MMON','subtype':'1','type':'CLO'});changeCheckTapinput('tap3','qh02');" name="qhelementType" value="04271"> <label for="qh02">月（年）日平均总云量>8.0成（阴天）日数</label> </div> </div> </td> </tr> <tr id="CLOcondition" style="border: 1px solid rgb(143, 190, 254);"> <td> <div id="CLOcondition1" style="left: 20px;"> <div class="selectinput"> <input type="radio" id="qh1" onclick="javascript:changeImage('01')" name="CLOperiod" value="01"> <label for="qh1">1月</label> </div> <div class="selectinput"> <input type="radio" id="qh2" onclick="javascript:changeImage('02')" name="CLOperiod" value="02"> <label for="qh2">2月</label> </div> <div class="selectinput"> <input type="radio" id="qh3" onclick="javascript:changeImage('03')" name="CLOperiod" value="03"> <label for="qh3">3月</label> </div> <div class="selectinput"> <input type="radio" id="qh4" onclick="javascript:changeImage('04')" name="CLOperiod" value="04"> <label for="qh4">4月</label> </div> <div class="selectinput"> <input type="radio" id="qh5" onclick="javascript:changeImage('05')" name="CLOperiod" value="05"> <label for="qh5">5月</label> </div> <div class="selectinput"> <input type="radio" id="qh6" onclick="javascript:changeImage('06')" name="CLOperiod" value="06"> <label for="qh6">6月</label> </div> <div class="selectinput"> <input type="radio" id="qh7" onclick="javascript:changeImage('07')" name="CLOperiod" value="07"> <label for="qh7">7月</label> </div> <div class="selectinput"> <input type="radio" id="qh8" onclick="javascript:changeImage('08')" name="CLOperiod" value="08"> <label for="qh8">8月</label> </div> <div class="selectinput"> <input type="radio" id="qh9" onclick="javascript:changeImage('09')" name="CLOperiod" value="09"> <label for="qh9">9月</label> </div> <div class="selectinput"> <input type="radio" id="qh10" onclick="javascript:changeImage('10')" name="CLOperiod" value="10"> <label for="qh10">10月</label> </div> <div class="selectinput"> <input type="radio" id="qh11" onclick="javascript:changeImage('11')" name="CLOperiod" value="11"> <label for="qh11">11月</label> </div> <div class="selectinput"> <input type="radio" id="qh12" onclick="javascript:changeImage('12')" name="CLOperiod" value="12"> <label for="qh12">12月</label> </div> <div class="selectinput"> <input type="radio" id="CLOcondition2" onclick="javascript:changeImage('')" name="CLOperiod" value=""> <label for="CLOcondition2">年</label> </div> </div> </td> </tr> </tbody> </table> </div> </div> <div id="qh_picrightDownPage" width="100%" height="800px" frameborder="0" scrolling="no" style="margin-top:0px" marginheight="0" marginwidth="0" name="rightDownPage"> <div style="left: 20px;"></div> <div class="div_L images_show" style="background: rgb(255, 255, 255) none repeat scroll 0% 0%; width: 100%; left: 20px;"> <div style="margin-top: 10px; margin-bottom: 10px; text-align: center; left: 20px;"> <img id="CLOclimateImage" border="0" width="100%" src="http://image.data.cma.cn/climateImage/CLO/SURF_CLI_CHN_MUL_MUT_19812010_ATLAS-MMON-CLO-20010-01.png"> </div> </div> </div> </div> <div id="jsl_rightPage" style="display:none"> <div class="jsbg"> <div style="margin: 5px; font-size: 10pt; text-align: left; left: 20px;"> <table> <tbody> <tr> <td> <div style="left: 20px;"> <div class="checkTapinput tap4 active" id= "jsl" onclick="javascript:displayImage({'id':'13201','name':'月（年）降水量','mon':'MMON','subtype':'1','type':'PRE'});changeCheckTapinput('tap4','jsl');" name="jslelementType" value="13201"> <label for="jsl">月（年）降水量</label> </div> <div class="checkTapinput tap4" id= "jsl01" onclick="javascript:displayImage({'id':'04053A','name':'月（年）日降水量≥ 0.1mm日数','mon':'MMON','subtype':'1','type':'PRE'});changeCheckTapinput('tap4','jsl01');" name="jslelementType" value="04053A"> <label for="jsl01">月（年）日降水量≥ 0.1mm日数</label> </div> <div class="checkTapinput tap4" id= "jsl02" onclick="javascript:displayImage({'id':'04053B','name':'年日降水量≥ 10.0mm日数','mon':'MYER','subtype':'','type':'PRE'});changeCheckTapinput('tap4','jsl02');" name="jslelementType" value="04053B"> <label for="jsl02">年日降水量≥ 10.0mm日数</label> </div> <div class="checkTapinput tap4" id= "jsl03" onclick="javascript:displayImage({'id':'04053C','name':'年日降水量≥ 25.0mm日数','mon':'MYER','subtype':'','type':'PRE'});changeCheckTapinput('tap4','jsl03');" name="jslelementType" value="04053C"> <label for="jsl03">年日降水量≥ 25.0mm日数</label> </div> <div class="checkTapinput tap4" id= "jsl04" onclick="javascript:displayImage({'id':'04053D','name':'年日降水量≥ 50.0mm日数','mon':'MYER','subtype':'','type':'PRE'});changeCheckTapinput('tap4','jsl04');" name="jslelementType" value="04053D"> <label for="jsl04">年日降水量≥ 50.0mm日数</label> </div> </div> </td> </tr> <tr id="PREcondition" style="border: 1px solid rgb(143, 190, 254);"> <td> <div id="PREcondition1" style="left: 20px;"> <div class="selectinput"> <input type="radio" id= "jsl1" onclick="javascript:changeImage('01')" name="PREperiod" value="01"> <label for="jsl1">1月</label> </div> <div class="selectinput"> <input type="radio" id= "jsl11" onclick="javascript:changeImage('02')" name="PREperiod" value="02"> <label for="jsl11">2月</label> </div> <div class="selectinput"> <input type="radio" id= "jsl12" onclick="javascript:changeImage('03')" name="PREperiod" value="03"> <label for="jsl12">3月</label> </div> <div class="selectinput"> <input type="radio" id= "jsl13" onclick="javascript:changeImage('04')" name="PREperiod" value="04"> <label for="jsl13">4月</label> </div> <div class="selectinput"> <input type="radio" id= "jsl14" onclick="javascript:changeImage('05')" name="PREperiod" value="05"> <label for="jsl14">5月</label> </div> <div class="selectinput"> <input type="radio" id= "jsl15" onclick="javascript:changeImage('06')" name="PREperiod" value="06"> <label for="jsl15">6月</label> </div> <div class="selectinput"> <input type="radio" id= "jsl16" onclick="javascript:changeImage('07')" name="PREperiod" value="07"> <label for="jsl16">7月</label> </div> <div class="selectinput"> <input type="radio" id= "jsl17" onclick="javascript:changeImage('08')" name="PREperiod" value="08"> <label for="jsl17">8月</label> </div> <div class="selectinput"> <input type="radio" id= "jsl18" onclick="javascript:changeImage('09')" name="PREperiod" value="09"> <label for="jsl18">9月</label> </div> <div class="selectinput"> <input type="radio" id= "jsl19" onclick="javascript:changeImage('10')" name="PREperiod" value="10"> <label for="jsl19">10月</label> </div> <div class="selectinput"> <input type="radio" id= "jsl110" onclick="javascript:changeImage('11')" name="PREperiod" value="11"> <label for="jsl110">11月</label> </div> <div class="selectinput"> <input type="radio" id= "jsl111" onclick="javascript:changeImage('12')" name="PREperiod" value="12"> <label for="jsl111">12月</label> </div> <div class="selectinput"> <input type="radio" id="PREcondition2" onclick="javascript:changeImage('')" name="PREperiod" value=""> <label for="PREcondition2">年</label> </div> </div> </td> </tr> </tbody> </table> </div> </div> <div id="jsl_rightDownPage" width="100%" height="800px" frameborder="0" scrolling="no" style="margin-top:0px" marginheight="0" marginwidth="0" name="rightDownPage"> <div style="left: 20px;"></div> <div class="div_L images_show" style="background: rgb(255, 255, 255) none repeat scroll 0% 0%; width: 100%; left: 20px;"> <div style="margin-top: 10px; margin-bottom: 10px; text-align: center; left: 20px;"> <img id="PREclimateImage" border="0" width="100%" src="http://image.data.cma.cn/climateImage/PRE/SURF_CLI_CHN_MUL_MUT_19812010_ATLAS-MMON-PRE-13201-01.png"> </div> </div> </div> </div> <div id="feng_rightPage" style="display:none"> <div class="jsbg"> <div style="margin: 5px; font-size: 10pt; text-align: left; left: 20px;"> <table> <tbody> <tr> <td> <div style="left: 20px;"> <div class="checkTapinput tap5 active" id="feng" onclick="javascript:displayImage({'id':'11002A','name':'月（年）平均风速','mon':'MMON','subtype':'1','type':'WIN'});changeCheckTapinput('tap5','feng');" name="fengelementType" value="11002A"> <label for="feng">月（年）平均风速</label> </div> <div class="checkTapinput tap5" id="feng01" onclick="javascript:displayImage({'id':'11042','name':'月（年）最大风速','mon':'MMON','subtype':'1','type':'WIN'});changeCheckTapinput('tap5','feng01');" name="fengelementType" value="11042"> <label for="feng01">月（年）最大风速</label> </div> </div> </td> </tr> <tr id="WINcondition" style="border: 1px solid rgb(143, 190, 254);"> <td> <div id="WINcondition1" style="left: 20px;"> <div class="selectinput"> <input type="radio" id="feng1" onclick="javascript:changeImage('01')" name="WINperiod" value="01"> <label for="feng1">1月</label> </div> <div class="selectinput"> <input type="radio" id="feng11" onclick="javascript:changeImage('02')" name="WINperiod" value="02"> <label for="feng11">2月</label> </div> <div class="selectinput"> <input type="radio" id="feng12" onclick="javascript:changeImage('03')" name="WINperiod" value="03"> <label for="feng12">3月</label> </div> <div class="selectinput"> <input type="radio" id="feng13" onclick="javascript:changeImage('04')" name="WINperiod" value="04"> <label for="feng13">4月</label> </div> <div class="selectinput"> <input type="radio" id="feng14" onclick="javascript:changeImage('05')" name="WINperiod" value="05"> <label for="feng14">5月</label> </div> <div class="selectinput"> <input type="radio" id="feng15" onclick="javascript:changeImage('06')" name="WINperiod" value="06"> <label for="feng15">6月</label> </div> <div class="selectinput"> <input type="radio" id="feng16" onclick="javascript:changeImage('07')" name="WINperiod" value="07"> <label for="feng16">7月</label> </div> <div class="selectinput"> <input type="radio" id="feng17" onclick="javascript:changeImage('08')" name="WINperiod" value="08"> <label for="feng17">8月</label> </div> <div class="selectinput"> <input type="radio" id="feng18" onclick="javascript:changeImage('09')" name="WINperiod" value="09"> <label for="feng18">9月</label> </div> <div class="selectinput"> <input type="radio" id="feng19" onclick="javascript:changeImage('10')" name="WINperiod" value="10"> <label for="feng19">10月</label> </div> <div class="selectinput"> <input type="radio" id="feng110" onclick="javascript:changeImage('11')" name="WINperiod" value="11"> <label for="feng110">11月</label> </div> <div class="selectinput"> <input type="radio" id="feng111" onclick="javascript:changeImage('12')" name="WINperiod" value="12"> <label for="feng111">12月</label> </div> <div class="selectinput"> <input type="radio" id="WINcondition2" onclick="javascript:changeImage('')" name="WINperiod" value=""> <label for="WINcondition2">年</label> </div> </div> </td> </tr> </tbody> </table> </div> </div> <div id="feng_rightDownPage" width="100%" height="800px" frameborder="0" scrolling="no" style="margin-top:0px" marginheight="0" marginwidth="0" name="rightDownPage"> <div style="left: 20px;"></div> <div class="div_L images_show" style="background: rgb(255, 255, 255) none repeat scroll 0% 0%; width: 100%; left: 20px;"> <div style="margin-top: 10px; margin-bottom: 10px; text-align: center; left: 20px;"> <img id="WINclimateImage" border="0" width="100%" src="http://image.data.cma.cn/climateImage/WIN/SURF_CLI_CHN_MUL_MUT_19812010_ATLAS-MMON-WIN-11002A-01.png"> </div> </div> </div> </div> <div id="rizhao_rightPage" style="display:none"> <div class="jsbg"> <div style="margin: 5px; font-size: 10pt; text-align: left; left: 20px;"> <table> <tbody> <tr> <td> <div style="left: 20px;"> <div class="checkTapinput tap6 active" id="rizhao" onclick="javascript:displayImage({'id':'14032','name':'月（年）日照时数','mon':'MMON','subtype':'1','type':'SSD'});changeCheckTapinput('tap6','rizhao');" name="rizhaoelementType" value="14032"> <label for="rizhao">月（年）日照时数</label> </div> <div class="checkTapinput tap6" id="rizhao01" onclick="javascript:displayImage({'id':'14033','name':'年日照百分率','mon':'MYER','subtype':'','type':'SSD'});changeCheckTapinput('tap6','rizhao01');" name="rizhaoelementType" value="14033"> <label for="rizhao01">年日照百分率</label> </div> </div> </td> </tr> <tr id="SSDcondition" style="border: 1px solid rgb(143, 190, 254);"> <td> <div id="SSDcondition1" style="left: 20px;"> <div class="selectinput"> <input type="radio" id="rizhao1" onclick="javascript:changeImage('01')" name="SSDperiod" value="01"> <label for="rizhao1">1月</label> </div> <div class="selectinput"> <input type="radio" id="rizhao11" onclick="javascript:changeImage('02')" name="SSDperiod" value="02"> <label for="rizhao11">2月</label> </div> <div class="selectinput"> <input type="radio" id="rizhao12" onclick="javascript:changeImage('03')" name="SSDperiod" value="03"> <label for="rizhao12">3月</label> </div> <div class="selectinput"> <input type="radio" id="rizhao13" onclick="javascript:changeImage('04')" name="SSDperiod" value="04"> <label for="rizhao13">4月</label> </div> <div class="selectinput"> <input type="radio" id="rizhao14" onclick="javascript:changeImage('05')" name="SSDperiod" value="05"> <label for="rizhao14">5月</label> </div> <div class="selectinput"> <input type="radio" id="rizhao15" onclick="javascript:changeImage('06')" name="SSDperiod" value="06"> <label for="rizhao15">6月</label> </div> <div class="selectinput"> <input type="radio" id="rizhao16" onclick="javascript:changeImage('07')" name="SSDperiod" value="07"> <label for="rizhao16">7月</label> </div> <div class="selectinput"> <input type="radio" id="rizhao17" onclick="javascript:changeImage('08')" name="SSDperiod" value="08"> <label for="rizhao17">8月</label> </div> <div class="selectinput"> <input type="radio" id="rizhao18" onclick="javascript:changeImage('09')" name="SSDperiod" value="09"> <label for="rizhao18">9月</label> </div> <div class="selectinput"> <input type="radio" id="rizhao19" onclick="javascript:changeImage('10')" name="SSDperiod" value="10"> <label for="rizhao19">10月</label> </div> <div class="selectinput"> <input type="radio" id="rizhao110" onclick="javascript:changeImage('11')" name="SSDperiod" value="11"> <label for="rizhao110">11月</label> </div> <div class="selectinput"> <input type="radio" id="rizhao111" onclick="javascript:changeImage('12')" name="SSDperiod" value="12"> <label for="rizhao111">12月</label> </div> <div class="selectinput"> <input type="radio" id="SSDcondition2" onclick="javascript:changeImage('')" name="SSDperiod" value=""> <label for="SSDcondition2">年</label> </div> </div> </td> </tr> </tbody> </table> </div> </div> <div id="rizhao_rightDownPage" width="100%" height="800px" frameborder="0" scrolling="no" style="margin-top:0px" marginheight="0" marginwidth="0" name="rightDownPage"> <div style="left: 20px;"></div> <div class="div_L images_show" style="background: rgb(255, 255, 255) none repeat scroll 0% 0%; width: 100%; left: 20px;"> <div style="margin-top: 10px; margin-bottom: 10px; text-align: center; left: 20px;"> <img id="SSDclimateImage" border="0" width="100%" src="http://image.data.cma.cn/climateImage/SSD/SURF_CLI_CHN_MUL_MUT_19812010_ATLAS-MMON-SSD-14032-01.png"> </div> </div> </div> </div> </div> </div> <div id="downpage" style="display:none"> <table cellspacing="0" cellpadding="0" id="mainTable1"> <tr height="18" id='tablerow2MonStat'> <td width="1000" height="35" colspan="4" style="text-align:left;"> <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> </table> <div id="tubiao" style = "height:600px"> <dl id="pressure" ></dl> <dl id="extreme_temperature" ></dl> <dl id="verage_temperature" ></dl> <dl id="humidity" ></dl> <dl id="average_rainfall" ></dl> <dl id="max_rainfall" ></dl> <div class="noDataToShow" style="display: none;">暂无港澳台站点数据</div> </div> </div> </div> </td> </tr> </table> </center> <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></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> .panel-title {padding-left: 39px!important;} .panel-icon {margin-top: -9px;margin-left: 12px;} .left-Ztree{border:solid 1px #e0e6ed !important;} .accordion{margin-right: 0px!important;width: 250px!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:42px !important;font: bold 16px/42px '微软雅黑';background-color: #e4e9f1 !important;border-bottom:none !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;} ul .tree-node{height:42px !important;background:#fff !important;color:#222222 !important;font: bold 14px/42px '微软雅黑';line-height: 42px!important;border-bottom: 1px solid #e0e6ed;} ul .tree-node .tree-file{background:none;width:5px;height:5px;background-color:#323232;border-radius:3px;margin-top:-2px;} ul .tree-node-selected{background:#fff !important;color:#0075ff !important;} ul .tree-node-selected .tree-file{background:none;width:5px;height:5px;background-color:#0075ff;border-radius:3px;margin-top:-2px;} ul .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;} ul .tree-node .tree-folder-open{margin-left: 15px;background:none;width:5px;height:5px;background-color:#323232;border-radius:3px;margin-top:-2px;} ul .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;} ul .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;} ul .tree-node .tree-title{height:42px !important;line-height: 42px !important;} ul ul .tree-node{height:40px !important;line-height: 40px!important;} ul 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 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 ul .tree-node .tree-title{height:40px !important;line-height: 40px !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/6742cf0467b1e.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

中国气象数据网 - WeatherBk Data