jquery 天气预报——用jquery制作的当前城市最近三天天气预报
这段JS代码是通过jquery结合新浪天气预报接口调用出用户所在当前的城市最近三天天气预报，如果你需要使用这个天气预报JS代码，请记的要下载那些天气预报的图标，并修改weather_mj.js里面的图标路径，否则如果MJBlog无法访问的话那些天气图标也会无法显示。另外，在编码为UTF8的网页上新浪天气预报接口的数据貌似调用不出来
<!DOCTYPE HTML>
<html>
<head>
<meta
http-equiv="Content-Type" content="text/html;
charset=gb2312">
<title>MJBlog(mj.588cy.com)</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">
.weather{
float:left; color:#333333; padding:10px;}
.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>当前城市：<span
class="city"></span></div>
<div
class="weather">
<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
class="weather">
<div class="wtimg"
id="L_weather_img"></div>
<div class="wt">后 天<br
/><span id="L_weather"></span><br /><span
id="L_temperature"></span><br/><span
id="L_direction"></span><br/><span
id="L_wind"></span></div>
</div>
</div>
</body>
</html>
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
