㈠ 怎樣在Blog裡面放上每天的天氣預報呢
在添加天氣預報之前,你得先添加(自定義面板),然後輸入標題,勾選(顯示源代碼),在空白面板里粘貼如下代碼,另外需要注意的是,代碼顯示可能不是你想要的城市,那麼你就需要修改為你的城市的代碼。
幾段超酷實用的天氣預報代碼,整理如下:
第一種:
<iframe src=http://weather.265.com/weather.htm width="160" height="54" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
效果: <IFRAME ID='ifm2' WIDTH='189' HEIGHT='190' ALIGN='CENTER' MARGINWIDTH='0' MARGINHEIGHT='0' HSPACE='0' VSPACE='0' FRAMEBORDER='0' SCROLLING='NO' SRC='http://weather.qq.com/inc/ss258.htm'></IFRAME>
效果: 使用方法:以上顯示的是九江的天氣預報,你可以改成你自己的,打開頁面:http://weather.qq.com,在右邊的框中
選擇你所在的城市(比如選擇南京),然後打開了這個頁面:http://weather.qq.com/preend.htm?dc244.htm,然後將網址中的244替換'http://weather.qq.com/inc/ss258.htm'中的258,那麼最後顯示出來的就是南京的天氣預報。
第三種:
<IFRAME ID='ifm2' WIDTH='260' HEIGHT='70' ALIGN='CENTER' MARGINWIDTH='0' MARGINHEIGHT='0' HSPACE='0' VSPACE='0' FRAMEBORDER='0' SCROLLING='NO' src="http://news.sina.com.cn/iframe/weather/130101.html"></ifreame>
效果:
第四種:
<iframe width="469" height="218" border="0" align="center" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no" src=http://appnews.qq.com/cgi-bin/news_weather_search?city=貴陽 allowTransparency="true"></iframe>
效果:
第五種:
<IFRAME ID='ifm1' WIDTH='405' HEIGHT='332' ALIGN='center' MARGINWIDTH='0' MARGINHEIGHT='0' HSPACE='0' VSPACE='0' FRAMEBORDER='0' SCROLLING='NO' SRC="http://weather.qq.com/24.htm"></IFRAME>
效果:
第六種:
<iframe width="145" height="130" border="0" align="center" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no" src="http://minisite.qq.com/Weather/news_new.html" allowTransparency="true"></iframe>
效果:
第七種:
以前很流行的一段代碼(在Google上搜到的90%都是這一段),現在已經不能用了,特此寫出來,以免大家浪費精力:
<iframe width="150" height="240" frameborder="0" scrolling="No" src='http://appnews.qq.com/cgi-bin/news_qq_search?city=xxx'></iframe>
其中的「xxx」是每個城市的代碼:比如武漢的就是%CE%E4%BA%BA
下面是其他的一些城市的編碼:
上海-%C9%CF%BA%A3
北京-%B1%B1%BE%A9
青島-%C7%E0%B5%BA
濟南-%BC%C3%C4%CF
武漢-%CE%E4%BA%BA
福州-%B8%A3%D6%DD
以下得到其他城市的代碼的方法:
搜索一下城市的名稱,比如"重慶",然後地址欄中的那個代碼就是了這些中文字元如何編碼變成%D6%D8%C7%EC這種的。比如得到的網址是:
http://www..com/s?wd=%D6%D8%C7%EC
後面的%D6%D8%C7%EC即是。
現在我給大家推薦一個專門提供天氣預報和免費天氣預報代碼服務的網站:
天氣123:中國城市天氣預報(http://www.tianqi123.com/)
只要復制粘貼該網站提供的代碼就可以了。
如下是3款(南京)效果圖:
第八種:
<iframe src="http://www.tianqi123.com/small_page/chengshi_1189.html" width=160 height=248 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no align=center id=url></iframe>
第九種:
<iframe src="http://www.tianqi123.com/small_page/chengshi_1189.html?c0=F9DC68&c1=white&c2=FEFCE0&t1=red&bg=white&w=160&text=no" width=160 height=248 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no align=center id=url></iframe>
第十種:
<iframe src="http://www.tianqi123.com/small_page/chengshi_1189.html?c0=red&c1=FF9900&bg=F4FFF4&w=160&h=20&text=yes" width=160 height=21 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no align=center id=url></iframe>
該天氣代碼高級使用方法:
如果您會HTML語言,您還可以在iframe代碼中的url後面加參數,如:
chengshi_321.html?c0=F9DC68&c1=white&c2=FEFCE0&t1=red&bg=white&w=160&h=250&text=no
其中 c0 表示表格第一行背景顏色,c1,c2表示表格其他行間隔的背景顏色,t1表示標題顏色,bg 表示頁面北京顏色,w表示表格寬度 h 表示表格高度
當 text=yes 時,將會出現滾動的天氣文字,建議您自己調試看看,如:
chengshi_321.html??c0=red&c1=FF9900&bg=F4FFF4&w=160&h=20&text=yes
注意:顏色請不要加 # 符號,如 #FF9900 請寫成 FF9900
````我的BLOG教程裡面的東西 如果看著很煩瑣 歡迎去我的BLOG 仔細研究
㈡ 網頁天氣預報插件代碼
不用安裝插件,你把下面的代碼插入你的網頁中就可以了:第一種: 代碼: <iframe width="145" height="130" border="0" align="center" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no" src="" allowTransparency="true"></iframe> 效果預覽: 說明:這種適合於在網頁的邊欄插入。但一個缺點是,上面的4個城市是既定的,無法改成別的。插入時,選好網頁上的位置,直接將左欄的源代碼全部拷進去就行了 第二種: 代碼: <IFRAME ID='ifm2' WIDTH='189' HEIGHT='190' ALIGN='CENTER' MARGINWIDTH='0' MARGINHEIGHT='0' HSPACE='0' VSPACE='0' FRAMEBORDER='0' SCROLLING='NO' SRC=''></IFRAME> 效果預覽: 說明:這種 也適合於在網頁的邊欄插入。上面的城市可以自定,比如廈門可改成別的。定製的方法是修改我代碼中標紅的數字,從1開始代表「香港」開始,每個數字都代表一個城市,廈門是287,具體要哪個城市自己找一下罷。 第三種: 代碼: <IFRAME ID='ifm2' WIDTH='260' HEIGHT='70' ALIGN='CENTER' MARGINWIDTH='0' MARGINHEIGHT='0' HSPACE='0' VSPACE='0' FRAMEBORDER='0' SCROLLING='NO' src=""></iframe> 效果預覽: 說明:這種適合於在網頁的頭欄插入。上面的城市可以自定,比如 石家莊可改成別的。定製的方法是修改我代碼中標紅的數字。具體各個城市對照的id表可在此下載:城市名稱及ID對照表(請右鍵點擊—>另存為)。 第四種: 代碼: <iframe width="469" height="218" border="0" align="center" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no" src="廈門" allowTransparency="true"></iframe> 效果預覽: 說明:這種適合於在網頁的正欄插入。上面的城市可以自定,比如廈門可改成別的。定製的方法是修改我代碼中標紅的 名稱。這里比較簡單,直接用漢字改就行了。比如是福州的,你就直接把「廈門」改成福州就行。 第五種: 代碼: <IFRAME ID='ifm1' WIDTH='405' HEIGHT='332' ALIGN='center' MARGINWIDTH='0' MARGINHEIGHT='0' HSPACE='0' VSPACE='0' FRAMEBORDER='0' SCROLLING='NO' SRC=""></IFRAME> 效果預覽: 第六種: 代碼: <iframe width=160 height=230 frameborder=0 scrolling=NO src=南昌></iframe> 效果預覽: 說明:這種適合於在網頁的邊欄插入。上面的城市可以自定,比如南昌可改成別的。定製的方法是修改我代碼中標紅的名稱。這里比較簡單,直接用漢字改就行了。比如是福州的,你就直接把「廈門」改成福州就行
很不錯哦,你可以試下
qgulqjbsvk62041435102011-10-12 9:09:45
㈢ App Inventor 2 天氣預報App開發 - 第三方API接入的通用方法
要開發一個App Inventor 2的天氣預報應用,首先通過調用第三方天氣API獲取未來7天的預報信息。以和風天氣(dev.qweather.com)為例,用戶需注冊並創建項目獲取API調用所需的用戶認證key。然後,查閱API文檔,了解需要在URL中替換的參數,如用戶key。
請求示例如下,用於獲取北京的7天天氣預報:
curl -L -X GET --compressed 'api.qweather.com/v7/wea...'
在App Inventor 2中,使用Web客戶端組件來實現API調用,將返回的JSON數據進行解析。成功請求後,JSON示例如下:
{..."daily": [ {...}, {...}, {...}], "refer": {...} ]}
其中,"daily"數組包含了每日的天氣詳情,包括日期、溫度、天氣狀況等。通過編寫JSON解析代碼,將這些數據展示在App上,用戶即可查看天氣預報。
要獲取完整的源代碼和開發步驟,可以參考App Inventor 2天氣預報App開發的教程,其中詳細介紹了第三方API接入的通用方法。