效果如图：
简简单单，废话不多说，上码！
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<!-- 使用百度静态资源库 -->
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<!-- 引用搜狐的IP地址库 -->
<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
<title>天气预报</title>
</head>
<body>
<h2>天气预报</h2>
<button id="weather">单击开始预测</button><br/>
<!-- 气象图标 -->
<img src="" id="weatherPic"><br/>
日期：<span id="r1"></span><
最低0.47元/天 解锁文章
3319
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
