代码拉取完成，页面将自动刷新
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>天气网</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="nav-inner">
<div class="nav">
<ul class="clearfix">
<li class="li-1"><a href="">首页</a></li>
<li><a href="">预报</a></li>
<li><a href="">雷达</a></li>
<li><a href="">云图</a></li>
<li><a href="">临近预报</a></li>
<li><a href="">专业产品</a></li>
<li><a href="">资讯</a></li>
<li><a href="">生活</a></li>
<li><a href="">交通</a></li>
<li><a href="">产创平台</a></li>
<li><a href="">河北站</a></li>
<li><a href="">更多</a></li>
</ul>
</div>
</div>
<div class="header-inner">
<div class="header clearfix">
<div class="header-left">
<a href=""><img src="img/logo.jpg" alt=""></a>
</div>
<div class="header-right">
<input type="search" placeholder="输入查找的城市" id="ipt">
<img src="img/search.jpg" alt="">
</div>
</div>
</div>
<div class="main clearfix">
<div class="main-left">
<div class="main-1">
<div>城市：<span id="city"></span></div>
<ul class="clearfix">
<li class="sky sky1">
<a href="#">
<span id="date1" class="a"></span>
<span id="now1" class="b"></span>
<p><span class="sp-1"><span id="tmp1"></span>℃</span>/<span class="sp-2"><span id="tmp2"></span>℃</span></p>
<span class="sp_1"><span id="wind1"></span>级</span>
</a>
</li>
<li class="sky">
<a href="">
<span id="date2" class="a"></span>
<span id="now2" class="b"></span>
<p><span class="sp-1"><span id="tmp3"></span>℃</span>/<span class="sp-2"><span id="tmp4"></span>℃</span></p>
<span class="sp_1"><span id="wind2"></span>级</span>
</a>
</li>
<li class="sky">
<a href="">
<span id="date3" class="a"></span>
<span id="now3" class="b"></span>
<p><span class="sp-1"><span id="tmp5"></span>℃</span>/<span class="sp-2"><span id="tmp6"></span>℃</span></p>
<span class="sp_1"><span id="wind3"></span>级</span>
</a>
</li>
<li class="sky">
<a href="">
<span id="date4" class="a"></span>
<span id="now4" class="b"></span>
<p><span class="sp-1"><span id="tmp7"></span>℃</span>/<span class="sp-2"><span id="tmp8"></span>℃</span></p>
<span class="sp_1"><span id="wind4"></span>级</span>
</a>
</li>
<li class="sky">
<a href="">
<span id="date5" class="a"></span>
<span id="now5" class="b"></span>
<p class="p"><span class="sp-1"><span id="tmp9"></span>℃</span>/<span class="sp-2"><span id="tmp10"></span>℃</span></p>
<span class="sp_1"><span id="wind5"></span>级</span>
</a>
</li>
<li class="sky">
<a href="">
<span id="date6" class="a"></span>
<span id="now6" class="b"></span>
<p><span class="sp-1"><span id="tmp11"></span>℃</span>/<span class="sp-2"><span id="tmp12"></span>℃</span></p>
<span class="sp_1"><span id="wind6"></span>级</span>
</a>
</li>
<li class="sky">
<a href="">
<span id="date7" class="a"></span>
<span id="now7" class="b"></span>
<p><span class="sp-1"><span id="tmp13"></span>℃</span>/<span class="sp-2"><span id="tmp14"></span>℃</span></p>
<span class="sp_1"><span id="wind7"></span>级</span>
</a>
</li>
</ul>
</div>
<div class="main-2">
<span>分时段预报</span>
<ul class="clearfix">
<li class="li">
<p id="hour1" class="c"><span class="h"></span></p>
<p class="p"><span id="hour_1" class="s_1"></span>℃</p>
<p id="dir1" class="p1"></p>
<p class="p"><span id="sc1" class="s1"></span>级</p>
</li>
<li class="li">
<p id="hour2" class="c"><span class="h"></span></p>
<p class="p"><span id="hour_2" class="s_1"></span>℃</p>
<p id="dir2" class="p1"></p>
<p class="p"><span id="sc2" class="s1"></span>级</p>
</li>
<li class="li">
<p id="hour3" class="c"><span class="h"></span></p>
<p class="p"><span id="hour_3" class="s_1"></span>℃</p>
<p id="dir3" class="p1"></p>
<p class="p"><span id="sc3" class="s1"></span>级</p>
</li>
<li class="li">
<p id="hour4" class="c"><span class="h"></span></p>
<p class="p"><span id="hour_4" class="s_1"></span>℃</p>
<p id="dir4" class="p1"></p>
<p class="p"><span id="sc4" class="s1"></span>级</p>
</li>
</ul>
</div>
<div class="main-3">
<span class="sp">生活指数</span>
<ul class="clearfix">
<li class="li-1">
<span class="span">紫外线指数</span>
<span id="brf" class="sp-1"></span>
<span id="txt" class="sp-2"></span>
</li>
<li class="li-1">
<span class="span">感冒指数</span>
<span id="brf1" class="sp-1"></span>
<span id="txt1" class="sp-2"></span>
</li>
<li class="li-1">
<span class="span">旅游指数</span>
<span id="brf2" class="sp-1"></span>
<span id="txt2" class="sp-2"></span>
</li>
<li class="li-1">
<span class="span">穿衣指数</span>
<span id="brf3" class="sp-1"></span>
<span id="txt3" class="sp-2"></span>
</li>
<li class="li-1">
<span class="span">洗车指数</span>
<span id="brf4" class="sp-1"></span>
<span id="txt4" class="sp-2"></span>
</li>
<li class="li-1">
<span class="span">空气污染扩散指数</span>
<span id="brf5" class="sp-1"></span>
<span id="txt5" class="sp-2"></span>
</li>
</ul>
</div>
</div>
<div class="main-right">
<div class="main-right-1">
<img src="img/hbtg.jpg" alt="">
</div>
<div class="main-right-2">
<div class="title">
<h1>气象服务</h1>
</div>
<div class="qxfw">
<h1><a href="">气象服务热线</a></h1>
<p>拨打400-6000-121进行气象服务咨询、建议、合作与投诉</p>
<h1>天气预报电话查询</h1>
<p>拨打12121或96121进行天气预报查询</p>
<h1><a href="">手机查询</a></h1>
<p>随时随地通过手机登录中国天气WAP版查看各地天气资讯</p>
<img src="img/img-qrcode-2.png" alt="">
</div>
</div>
</div>
</div>
<div class="footer-inner">
<div class="footer">
<p> 中国天气网版权所有，未经书面授权禁止使用 Copyright©<a href="">中国气象局公共气象服务中心</a> All Rights Reserved (2008-2019)</p>
</div>
</div>
</body>
<script src="js/script.js"></script>
</html>
Loading...
举报
请认真填写举报原因，尽可能描述详细。
请选择举报类型
误判申诉
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化