網頁插入仿360天氣預報 插件代碼--1分鐘搞定

2020-12-08 百度經驗

在網頁中怎麼插入天氣預報插件，不需要註冊帳號，不需要填寫申請，不用讀懂API文檔……

只需簡單幾步就可以完成，天氣插件1分鐘搞定。超簡單~

在百度搜索「天氣定製模塊」；

打開名字中帶有天氣網的網站；

選擇樣式；

一共提供了多種樣式，可以隨意搭配組合（個人比較喜歡默認經典樣式）

圖文樣式有多種顏色可以選擇；要選擇某種樣式，請在樣式名稱有下拉框，直接選取即可

1.選擇模板樣式，有8中可供選擇；

2.設置字體顏色，默認為黑色；

3.選擇圖標樣式，默認為經典；

4.選擇城市，不選則時系統自動判斷訪問者IP所在地並顯示該地區天氣。

5.選擇默認的5即可；

6.設置寬度和高度，不要變動太大。

點擊預覽即可預覽樣式

選擇完成後，點擊「生成代碼」按鈕，即可生成一個iframe，再「複製到剪切板」,直接複製到網頁html代碼中合適的位置即可；

把要添加天氣代碼的網頁文件用編輯器打開；

把代碼粘貼到我們要放置天氣模塊的地方，保存文件；

在瀏覽器中打開上一步中保存的文件，就可以看到效果了；

是不是很簡單！

效果圖如下，個人認為還是非常美觀的。

如果想查看更多天氣預報經典插件，請點擊圖中框中區域連結到新的頁面。

相關焦點

  • 360天氣
    360天氣 知冷暖，更懂你!簡約、準確的天氣預報APP。360公司採用權威數據源授權預報信息，可查看國內外20多萬個城市的實時天氣預報、溫度、24小時預報、15日天氣預報、空氣品質指數及城市空氣品質全國排行榜、生活出行指南。自動精準定位，語音播報最新天氣。
  • 網頁中怎樣插入多個空格?html空格符號代碼!
    今天介紹網頁中插入多個空格的方法，即html空格符號代碼，希望對大家有用！關於在網頁中插入多個空格是html中很基礎的一個知識點，相信學過html的都會，那今天為什麼要介紹這個呢？因為很多人（包括我）要用的時候都把html空格符號代碼忘了。
  • 超暖心的團隊心形照片牆,用好PPT插件三分鐘就能搞定
    只需要一臺安裝了Office的電腦，藉助兩個神奇的插件，用PowerPoint三分鐘就能搞定！下面我來告訴你怎麼做。PowerPoint打造心形照片牆案例軟體環境：Office365+OK插件+英豪插件1、按住【Shift】鍵使用矩形工具繪製一個小正方形，並設置「無輪廓」。
  • 香港天文臺推出全新分區天氣預報網頁
    人民網香港12月18日電 香港特區政府香港天文臺今日推出全新「香港自動分區天氣預報」網頁，提供香港特定地點的天氣預報。 網頁提供香港不同地點未來七天的氣溫、相對溼度、風向和風速的每小時預報，並利用圖像和動畫，顯示香港各地區的天氣資料。用戶可以選擇地點，查看該處各氣象要素每小時的時間序列圖表，以及每日香港的降雨概率。
  • 360瀏覽器「天氣預報」:貼身出行保鏢
    【IT168應用】詭異的天氣總是讓人們措手不及。在天氣預報也不一定「靠譜」的情況下，不少市民紛紛選擇了更為靈活便利的網絡應用來查看天氣。　　據悉，360安全瀏覽器開放平臺上的「天氣」應用近來廣受用戶歡迎。據了解，在天氣多變的環境下，很多「空中飛人」甚至上班族，都養成了出門必看天氣的習慣。
  • 360稱百度鳳巢部署偷拍插件收集用戶信息
    360稱百度鳳巢部署偷拍插件收集用戶信息（TechWeb配圖）【TechWeb報導】1月28日消息，上周末360指責百度推廣後臺禁用360瀏覽器一事繼續發酵。360今日召開媒體發布會，稱百度鳳巢正在大規模部署「偷拍插件」，收集用戶信息，並針對360瀏覽器進行不兼容提示。
  • 1行代碼搞定Latex公式編寫,這個4.6M的Python小插件,寫論文神器
    關鍵是，大小只有4.6MB，相當於Jupyter裡一個小小的插件。平方、平方根、分式、三角函數、腳註……這個插件的功能五臟俱全，不僅能生成公式，還能計算結果。此外，也有單位換算、格式調整等功能。來看看它的用法。
  • 上海天氣預報免費下載
    上海天氣預報免費下載將為您帶來一種前所未有的軟體體驗 快來下載天氣預報預報吧，內容精確到幾點幾分!上海天氣預報免費下載軟體亮點:【實時天氣信息】實時獲取您當前位置的天氣預報和空氣品質汙染指數;【逐小時天氣預報】輕鬆查閱24小時內天氣變化，提早預防早晚溫差過大;【7日天氣預報】簡約7日天氣，風向，溫度，空氣品質預報;【空氣品質預報】分時空氣品質和未來5天空氣品質信息查詢
  • 網頁禁止複製粘貼怎麼弄?教你五招輕鬆搞定
    經常在網上遇到一些無法複製的文章，有什麼辦法可以繞開這種限制，將網頁內容輕鬆下載下來呢？其實網頁上文本複製下來不是問題，只要用對方法，都可以輕鬆搞定，將相關文本複製下來，一起來看看要怎麼做吧。方法三、查看原始碼如果藉助上面的方法「撿漏」不成功，可以動用查看原始碼的方法，這個方法基本可以搞定90%以上的網站，但操作起來麻煩。這種方法，複製下來的內容冗餘代碼單一還好，如果冗餘代碼多而雜，那就不推薦使用，比較需要花費的時間很多，這時可以考慮使用方法四。
  • 央視《天氣預報》:5分鐘背後的30年
    老百姓如果想知道明天的天氣，只能從前一天傍晚的晚霞裡猜測一二。1953年7月，韓戰結束，出於經濟建設和防範災害天氣的需要，天氣信息開始解密。8月1日，毛澤東、周恩來籤署命令將各級氣象組織從軍事等級轉到政府等級，氣象信息開始為經濟建設服務。從1956年開始，中國的老百姓可以從廣播裡聽到天氣預報了，《人民日報》《北京日報》《工人日報》等也會刊登第二天的天氣情況。
  • 用樹莓派製作一朵預報天氣的雲
    今天分享一朵預報天氣的雲，通過顏色變化來告知天氣情況。雲朵使用樹莓派Zero W製作，連接到 Yahoo Weather API 獲取天氣信息，通過變化的顏色告訴你天氣情況。在第2層和第4層，內部路徑和中間路徑之間必須有1/8寸深的凹槽。這樣可以將擴散層和背板插入其中。擴散層使用了半透明亞克力板，背板使用了硬質纖維板。
  • 怎麼在網頁中播放視頻之一:HTML5視頻嵌入
    在信息量越來越大的今天，越來越多的網站重視數據信息的多樣化與個性化，隨著多媒體技術逐漸發展提高，在線展示視頻、音頻、PPT、圖表等技術也越來越多地應用到了各行各業中，無論是企業還是個人，都在改變著自己的網站風格，下面就來談談怎麼在網頁中播放視頻。
  • 最強天氣App?天氣預報神器eWeather試用
    天氣一直是人們最常談起的話題之一，人們也一直在尋找天氣變化的規律。一款優秀的天氣預報App，是很多人的必需品。但是，雖然在所有的行動作業系統，天氣App都層出不窮，不過其質量也參差不齊，如何選擇天氣App顯得至關重要。今天試用的eWeather，是一款在機友中有「神器」美譽的天氣預報App，在iOS和Android平臺上皆有對應版本。
  • 揭秘航空天氣預報:每天起得最早 預報精確到1小時
    劉海英熟練地關閉告警提示框，並結合剛剛觀測到的天氣狀況，稍作思考後在編發報系統中手工輸入雲、能見度、天氣現象，對比編發報系統內的數據是否與自觀系統數據相吻合，生成報文、發送報文、檢查回頭報、收聽通波、填寫觀測簿……上午9時整點時段一整套發報工作在3分鐘之內完成。
  • 揭秘《天氣預報》:衛星雲圖是塊布 1分鐘說350字
    雖然天氣情況瞬息萬變，但《天氣預報》卻每天雷打不動地在《新聞聯播》結束後和觀眾見面。對於這位「老朋友」，很多人並不熟悉它是怎麼製作的。記者日前來到位於國家氣象局的北京華風氣象影視信息集團，在《天氣預報》主持人馮殊的帶領下，參觀了《天氣預報》演播室。
  • 2小時內天氣逐10分鐘「精準」預報
    原標題：2小時內天氣逐10分鐘「精準」預報揚子晚報訊（記者 石小磊） 省政府辦公廳、中國氣象局辦公室日前下發《江蘇省「十三五」氣象事業發展規劃》，無縫隙、精細化、智慧型成為江蘇未來氣象事業發展的關鍵詞。
  • 哪個平臺的天氣預報最準確?天氣預報最好哪裡看?
    APP(前三位為得分前三甲)　　停課鈴　　中國天氣通　　墨跡天氣　　360天氣　　2345天氣王　　黃曆天氣　　知趣天氣　　最美天氣　　網站(按分數依次排名)　　廣州天氣>　　中國天氣網　　新浪天氣　　2345天氣　　騰訊天氣　　攜程天氣　　360天氣　　天氣網　　搜狗天氣　　天氣預報15天　　前段時間，廣東省氣象局隨機選取360天氣、2345天氣王、黃曆天氣、墨跡天氣、停課鈴、知趣天氣、中國天氣通、最美天氣8個傳播廣東省氣象預警信號的天氣
  • 廣東在全國率先開展智能網格天氣預報 降雨預報「分鐘級」 災害...
    原標題：我省在全國率先開展智能網格天氣預報　　降雨預報「分鐘級」 災害天氣「不漏網」　　公眾所在的位置實時定位，當前的氣溫、風力、降雨實況在手機頁面中一目了然，在精細預報中，還可查閱逐小時的天氣和空氣品質預報
  • 香港推出九天天氣預報
    南都訊 記者石秋菊 發自香港 七天天氣預報已經不夠了，香港天文臺從昨天開始，推出九天天氣預報，市民可以從天文臺網頁、電話、電視臺廣播及報章等，獲得未來九天包括天氣、風向、風速等內容在內的天氣預報，準確率達到80%。
  • 訪問中央氣象臺的天氣預報API得到天氣數據
    http://blog.csdn.net/xianqiang1/article/details/7054045      在用Android獲取天氣預報數據時，大家一定會首先想到Google的天氣預報API，其實除了Google