获取客户端天气

最新推荐文章于 2021-10-19 11:18:01 发布

清风远行

最新推荐文章于 2021-10-19 11:18:01 发布

阅读量491

点赞数

分类专栏： c# 开发

本文链接：https://blog.csdn.net/dingxingmei/article/details/8592093

版权

c# 开发专栏收录该内容

235 篇文章 0 订阅

订阅专栏

以下代码直接运行即可

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
<script type="text/javascript"

src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://mj.588cy.com/img/weather_mj.js"

language="javascript"charset="UTF-8"></script>
<script type="text/javascript">
//创建天气预报核心对象
var weather_=new weather();
var city = "";
$(document).ready(function(){
$.getScript('http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js',function(){
city=remote_ip_info.city;
jintian();
$(".city").html(remote_ip_info.city);
})
});
</script>
<style type="text/css">
.city{}
.weather{ float:left; color:#333333; padding:10px 10px 10px 20px;}
.weather a{ color:#333333;}
.wt{line-height:17px; font-size:12px; float:left; padding:3px 5px; text-align:center;}
.wtimg{ vertical-align:middle;padding:0px 1px; margin:0PX auto;}
</style>
</head>
<body>
<div style="text-align:center;">当前城市：<span class="city"></span></div>
<div class="weather" style="margin-left:0px;">
<div class="wtimg" id="T_weather_img"></div>
<div class="wt">今天<br /><span id="T_weather"></span><br /><span

id="T_temperature"></span><br/><span id="T_direction"></span><br/><span

id="T_wind"></span></div>
</div>
<div class="weather">
<div class="wtimg" id="M_weather_img"></div>
<div class="wt">明天<br /><span id="M_weather"></span><br /><span

id="M_temperature"></span><br/><span id="M_direction"></span><br/><span

id="M_wind"></span></div>
</div>
</div>
</body>
</html>

这个要比带百度接口的天气好控制。各种样式有自己设置