制作一个简单的天气预报
2007-01-24 13:53
375 查看
偶然在博客园 看到一篇关于如何得到网易天气预报的帖子 有点启发 我自己也做了一个
首先我们必须获得和城市相对应的代码,我在网易的网页中找到的城市编号换到中央气象台的也能用
貌似都是通用的.....
查看http://news.163.com/weather/ 这个网页的源代码,只需要今日天气的部分和一些脚本语句。
具体效果如下 2种天气预报 呵呵 不知道哪个准一点``保存的位图``看着有点烂``
<script type="text/javascript">
2
7
29
30//根据选择的城市返回城市的编号
31function s_cityid(key)
32
还是脚本``
1</script>
2<script language="javascript">
3</script>
再就是页面了
1<body>
2 <form id="form1" runat="server">
3 <!-- 今日天气 -->
4<div ><h2 style="text-align: center">今日天气</h2></div>
5<div style="text-align: center" >
6<select name="sfweather1" onChange="sfsetcity1()">
7<option selected value="">请选择省份</option>
8<option value="独立直辖市">独立直辖市</option>
9<option value="特别行政区">特别行政区</option>
10<option value="台湾">台湾</option>
11<option value="广东省">广东省</option>
12<option value="西藏">西藏</option>
13<option value="陕西省">陕西省</option>
14<option value="甘肃省">甘肃省</option>
15<option value="青海省">青海省</option>
16<option value="宁夏省">宁夏省</option>
17<option value="新疆">新疆</option>
18<option value="江苏省">江苏省</option>
19<option value="云南省">云南省</option>
20<option value="福建省">福建省</option>
21<option value="海南省">海南省</option>
22<option value="广西省">广西省</option>
23<option value="湖南省">湖南省</option>
24<option value="湖北省">湖北省</option>
25<option value="四川省">四川省</option>
26<option value="吉林省">吉林省</option>
27<option value="黑龙江">黑龙江</option>
28<option value="山东省">山东省</option>
29<option value="山西省">山西省</option>
30<option value="内蒙古">内蒙古</option>
31<option value="辽宁省">辽宁省</option>
32<option value="浙江省">浙江省</option>
33<option value="安徽省">安徽省</option>
34<option value="河南省">河南省</option>
35<option value="贵州省">贵州省</option>
36<option value="江西省">江西省</option>
37<option value="河北省">河北省</option>
38</select>
39<select name="sfweather1_1" id="sfweather1_1">
40 <option>请选择城市</option>
41 </select>
42<input name="button" type="button" value="定制" onclick="selectSubmit()"/>
43 <br />
44 当前天气城市:<label id="label1">广东省广州市</label></div>
45
46 <table style="width: 586px" align=center>
47 <tr>
48 <td>
49 <iframe id="iframe1" src="http://www.weathercn.com/forecast/24time.jsp?sta_id=59287" style="width: 511px; height: 312px"></iframe>
50 </td>
51 <td>
52 <iframe id="iframe2" src=http://travel.163.com/weather/new/59287.html style="height: 305px"></iframe>
53 </td>
54 </tr>
55 </table>
56
57 </form>
58
59
60</body>
首先我们必须获得和城市相对应的代码,我在网易的网页中找到的城市编号换到中央气象台的也能用
貌似都是通用的.....
查看http://news.163.com/weather/ 这个网页的源代码,只需要今日天气的部分和一些脚本语句。
具体效果如下 2种天气预报 呵呵 不知道哪个准一点``保存的位图``看着有点烂``
<script type="text/javascript">
2
7
29
30//根据选择的城市返回城市的编号
31function s_cityid(key)
32
还是脚本``
1</script>
2<script language="javascript">
3</script>
再就是页面了
1<body>
2 <form id="form1" runat="server">
3 <!-- 今日天气 -->
4<div ><h2 style="text-align: center">今日天气</h2></div>
5<div style="text-align: center" >
6<select name="sfweather1" onChange="sfsetcity1()">
7<option selected value="">请选择省份</option>
8<option value="独立直辖市">独立直辖市</option>
9<option value="特别行政区">特别行政区</option>
10<option value="台湾">台湾</option>
11<option value="广东省">广东省</option>
12<option value="西藏">西藏</option>
13<option value="陕西省">陕西省</option>
14<option value="甘肃省">甘肃省</option>
15<option value="青海省">青海省</option>
16<option value="宁夏省">宁夏省</option>
17<option value="新疆">新疆</option>
18<option value="江苏省">江苏省</option>
19<option value="云南省">云南省</option>
20<option value="福建省">福建省</option>
21<option value="海南省">海南省</option>
22<option value="广西省">广西省</option>
23<option value="湖南省">湖南省</option>
24<option value="湖北省">湖北省</option>
25<option value="四川省">四川省</option>
26<option value="吉林省">吉林省</option>
27<option value="黑龙江">黑龙江</option>
28<option value="山东省">山东省</option>
29<option value="山西省">山西省</option>
30<option value="内蒙古">内蒙古</option>
31<option value="辽宁省">辽宁省</option>
32<option value="浙江省">浙江省</option>
33<option value="安徽省">安徽省</option>
34<option value="河南省">河南省</option>
35<option value="贵州省">贵州省</option>
36<option value="江西省">江西省</option>
37<option value="河北省">河北省</option>
38</select>
39<select name="sfweather1_1" id="sfweather1_1">
40 <option>请选择城市</option>
41 </select>
42<input name="button" type="button" value="定制" onclick="selectSubmit()"/>
43 <br />
44 当前天气城市:<label id="label1">广东省广州市</label></div>
45
46 <table style="width: 586px" align=center>
47 <tr>
48 <td>
49 <iframe id="iframe1" src="http://www.weathercn.com/forecast/24time.jsp?sta_id=59287" style="width: 511px; height: 312px"></iframe>
50 </td>
51 <td>
52 <iframe id="iframe2" src=http://travel.163.com/weather/new/59287.html style="height: 305px"></iframe>
53 </td>
54 </tr>
55 </table>
56
57 </form>
58
59
60</body>
相关文章推荐
- 用python写一个简单的天气预报
- Android上实现一个简单的天气预报APP(十二) 未来三天的天气预报
- AngularJs实现一个简单的天气预报功能
- 一个简单的cxf框架调用webservice接口天气预报例子
- 一个简单的java天气预报
- Android实战制作简易天气预报软件
- 【Unity技巧】制作一个简单的NPC
- 一个简单的外挂制作
- 通过制作一个简单的时钟学习WPF中DispatcherTimer的使用 Level 100
- Unity3d制作一个简单的打开保存对话框-按钮2
- PS简单制作一个旋转的风车
- 使用Unity制作一个简单的聊天室
- Asp.net制作一个简单的等待窗口
- 如何制作一个简单的仿百度搜索功能的网页
- js简单制作一个时钟
- [ASP.NET]制作一个简单的多页Tab功能
- 制作一个功能丰富的Android天气App
- 简单的天气预报 (五)
- 如何制作一个简单的16位CPU
- 安卓天气查询预报APP软件的制作