jquery 擷取當前城市最近三天的天氣預報

來源:互聯網
上載者:User

標籤:style   blog   http   io   ar   color   sp   java   for   

摘自MJ部落格,原文連結地址:http://mj.588cy.com/jquery/11.html

<!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="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>

jquery 擷取當前城市最近三天的天氣預報

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.