導航:首頁 > 源碼編譯 > 天氣網頁源碼

天氣網頁源碼

發布時間:2022-12-28 18:27:28

1. HTML 求做一個簡單的桂林天氣預報網頁

(源代碼)

<!DOCTYPEhtml>

<html>

<head>

<metacharset="utf-8"/>

<title></title>

<linkrel="stylesheet"type="text/css"href="css/wai.css"/>

</head>

<body>

<divclass="box">

<divclass="top_box">桂林天氣預報</div>

<dlclass="date_box">

<dtclass="tubiao"><imgsrc="img/3.jpg"/></dt>

<dtclass="date">2012年03月14日</dt>

<dtclass="gl">桂林</dt>

<dtclass="zy">氣象信息由<span>中央氣象</span>台提供</dt>

</dl>

<dlclass="nav_box1">

<dtclass="current">當前天氣</dt>

<dtclass="say"><imgsrc="img/2.jpg"/></dt>

<dtclass="shower"><pclass="zy2">陣雨</p><p>12℃~18℃</p></dt>

<dtclass="wz">

<ul>

<liclass="fl">·風力:北風小於3級</li>

<li>·紫外線強度:弱</li>

<li>·空氣質量:良</li>

</ul>

</dt>

</dl>

<dlclass="nav_box2">

<dtclass="current">72小時天氣預報</dt>

<dtclass="date2">2012-03-14</dt>

<dtclass="date2">2012-03-15</dt>

<dtclass="date2">2012-03-16</dt>

<dtclass="say2"><imgsrc="img/1.jpg"/></dt>

<dtclass="say2"><imgsrc="img/1.jpg"/></dt>

<dtclass="say2"><imgsrc="img/1.jpg"/></dt>

<dtclass="wz2">

<ul>

<li>陣雨</li>

<li>12℃~18℃</li>

<li>北風小於3級</li>

</ul>

</dt>

<dtclass="wz2">

<ul>

<li>陣雨</li>

<li>12℃~18℃</li>

<li>北風小於3級</li>

</ul>

</dt>

<dtclass="wz2">

<ul>

<li>陣雨</li>

<li>12℃~18℃</li>

<li>北風小於3級</li>

</ul>

</dt>

</dl>

<dlclass="nav_box3">

<dtclass="tubiao2"><imgsrc="img/4.jpg"/></dt>

<dtclass="city">城市指數</dt>

<dtclass="gd"><ahref="#">更多</a></dt>

<dtclass="ht"></dt>

<dtclass="nav3_l">

<ul>

<li>穿衣指數</li>

<li>舒適度指數</li>

<li>晨練指數</li>

<li>感冒指數</li>

<li>空調指數</li>

<li>洗車指數</li>

<li>空氣污染指數</li>

<li>啤酒指數</li>

<li>晾曬指數</li>

<li>旅行指數</ul>

</ul>

</dt>

<dtclass="nav3_z">

<ul>

<li>舒適</li>

<li>舒適</li>

<li>較不宜</li>

<li>易發</li>

<li>較少開啟</li>

<li>不宜</li>

<li>良</li>

<li>較適宜</li>

<li>不太適宜</li>

<li>適宜</ul>

</ul>

</dt>

<dtclass="nav3_r">

<ul>

<li>建議著溥型套裝或牛仔衫褲等春秋過渡裝。年老體弱者宜著套裝...</li>

<li>溫度適宜,風力不大,您在這樣的天氣條件下,會感到比較清爽和...</li>

<li>有降水,較不宜晨練,室外鍛煉清攜帶雨具.建議年老體弱人群適...</li>

<li>晝夜溫差大,且空氣濕度較大,易發生感冒,請注意適當增減衣服...</li>

<li>您將感到很舒適,一般不需要開啟空調...</li>

<li>不宜洗車,未來24小時內有雨,如果在此期間洗車,雨水和路上...</li>

<li>氣象條件有利於空氣污染物稀釋、擴散和清除,可以室外正常活動...</li>

<li>適理的飲用啤酒可能會增加您舒適的感覺,但要注意適千萬不要過...</li>

<li>有降水,可能會淋濕晾曬的衣物,不太適宜晾曬,請隨時注意天氣...</li>

<li>有降水,溫度適宜,在細雨中遊玩別有一番情調,可不要錯過機會...</ul>

</ul>

</dt>

</dl>

</div>

</body>

</html>

(CSS樣式)

*{

margin:0;

padding:0;

}

ulli{

list-style:none;

}

.top_box{

width:100px;

height:30px;

background:#FFFFFF;

text-align:center;

line-height:30px;

color:blue;

font-weight:bold;

position:absolute;

margin-left:255px;

margin-top:-18px;

}

.box{

width:590px;

height:651px;

border:1pxsolid#0c5d0b;

margin:20pxauto;

background:#FFFFFF;

position:relative;

}

.date_box{

width:550px;

height:35px;

margin:5pxauto;

background:url(../img/5.jpg)no-repeat;

}

.tubiao{

width:35px;

}

.tubiaoimg{

margin-left:10px;

}

.date{

width:130px;

}

.gl{

width:50px;

}

.tubiao,.date,.gl,.zy{

float:left;

height:35px;

height:35px;

color:#b60329;

font-size:14px;

line-height:35px;

font-weight:bold;

}

.zy{

width:230px;

float:right;

text-align:center;

}

.zyspan{

color:black;

}

.nav_box1{

width:505px;

height:100px;

border:1pxsolidgainsboro;

margin:auto;

margin:5pxauto;

}

.current{

width:505px;

height:25px;

background:url(../img/6.jpg)no-repeat;

color:#1c385a;

line-height:25px;

text-indent:1em;

font-size:14px;

font-weight:bold;

}

.say{

width:180px;

height:75px;

float:left;

}

.sayimg{

margin:10px60px;

}

.shower{

width:140px;

height:75px;

float:left;

background:#edf1fa;

text-align:center;

color:#15376b;

font-size:14px;

}

.zy2{

width:140px;

height:20px;

margin-top:15px;

}

.wz{

width:185px;

height:75px;

float:left;

color:#15376b;

font-size:14px;

}

.wzulli{

list-style:none;

text-align:center;

}

.fl{

width:185px;

height:20px;

margin-top:5px;

}

.nav_box2{

width:505px;

height:170px;

border:1pxsolidgainsboro;

margin:5pxauto;

}

.date2{

width:155px;

height:22px;

float:left;

margin-left:10px;

margin-top:10px;

background:#eeeeee;

font-size:14px;

text-align:center;

line-height:22px;

}

.say2{

width:155px;

height:55px;

float:left;

margin-left:10px;

text-align:center;

}

.say2img{

margin-top:10px;

}

.wz2{

width:155px;

height:50px;

background:#eef3f7;

float:left;

margin-left:10px;

}

.wz2ulli{

list-style:none;

text-align:center;

font-size:12px;

}

.nav_box3{

width:505px;

height:270px;

border:1pxsolidgainsboro;

margin:5pxauto;

}

.city{

width:100px;

height:35px;

text-align:center;

float:left;

}

.tubiao2{

width:35px;

height:35px;

color:#b60329;

float:left;

}

.tubiao2img{

margin-left:20px;

}

.gd{

width:35px;

height:35px;

float:right;

}

.city,.tubiao2,.gd{

font-weight:bold;

font-size:14px;

line-height:35px;

}

.gda{

text-decoration:none;

color:black;

display:block;

}

.gda:hover{

color:darkred;

}

.ht{

width:480px;

height:3px;

margin:auto;

background:url(../img/9.jpg)no-repeat;

margin-top:35px;

}

.nav3_l{

width:90px;

height:220px;

float:left;

font-size:12px;

}

.nav3_lulli{

width:90px;

text-align:left;

font-weight:bold;

color:#15376B;

text-indent:1em;

}

.nav3_z{

width:60px;

height:220px;

}

.nav3_zulli{

width:60px;

text-align:left;

font-weight:bold;

color:#000000;

}

.nav3_r{

width:350px;

height:220px;

}

.nav3_r,.nav3_z{

font-size:12px;

float:left;

}

.nav3_rulli{

width:350px;

text-align:left;

color:#666666;

}

.nav3_rulli,.nav3_zulli,.nav3_lulli{

font-weight:bold;

line-height:22px;

height:22px;

}

2. 網頁上的「時間、天氣」源碼

<script src=" http://www.hao123.com/js/base.js?v=2.0 "></script> <script src=" http://www.hao123.com/js/main.js?v=2.2 "></script> <div id="Forecast"></div>

3. hao123網站左上的天氣預報網頁代碼是什麼

hao123網站左上的天氣預報網頁代碼如下:

<iframe src=

"http://www.tianqi123.com/small_page/chengshi_2250.html?

c0=red&c1=D96C00&bg=F4FFF4&w=178&h=20&text=yes"

width=178 height=21

marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no

align=center id=url></iframe>

製作網頁時常用的代碼有HTML,JavaScript,ASP,PHP,CGI等,其中超文本標記語言(標准通用標記語言下的一個應用、外語簡稱:HTML)是最基礎的網頁代碼。

(3)天氣網頁源碼擴展閱讀:

網頁代碼的一些簡單使用:

<marquee>...</marquee>普通卷動

<marquee behavior=slide>...</marquee>滑動

<marquee behavior=scroll>...</marquee>預設卷動

<marquee behavior=alternate>...</marquee>來回卷動

<marquee direction=down>...</marquee>向下卷動

<h1>...</h1>標題字(最大 )

<h6>...</h6>標題字(最小)

<b>...</b>粗體字

<strong>...</strong>粗體字(強調)

<br>(換行)

<nobr>...</nobr>水域(不換行)

<p>...</p>水域(段落)

<center>...</center>置中

4. 網頁天氣預報插件代碼

不用安裝插件,你把下面的代碼插入你的網頁中就可以了:第一種: 代碼: <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

5. 誰有很好調用的天氣預報ASP源碼

http://gg.9991.com/weather/city/58659.html

6. 網站加個天氣預報的代碼

網上很多天氣預報的代碼,寫個div加到你要加的地方就OK啦

7. 最好的網頁天氣預報代碼(自動定製城市天氣)

這是你想要的天氣預報代碼,由中央氣象台提供數據,最准確最權威的天氣預報,能夠根據訪客不同的IP地址顯示不同城市的天氣預報
下面是源程序代碼:

<iframe src="http://www.ttyyy.com/tianqi/tq.html" width="160" height="60" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

8. 求網頁顯示天氣的代碼

網頁網頁天氣預報顯示代碼

這段顯示代碼是大小是168*52

<iframesrc="http://www.7stk.com/1/6/weather.htm"width="168"
height="50"frameborder="0"marginwidth="0"marginheight="0"
scrolling="no"name="265"></iframe>

這段顯示代碼是大小是120*70

<iframesrc="http://www.7stk.com/1/6/163200900.htm"width="120"
height="70"frameborder="0"marginwidth="0"marginheight="0"
scrolling="no"name="265"></iframe>

這段顯示代碼是大小是110*30

<iframesrc="http://www.7stk.com/1/6/xixi00.htm"width="110"
height="30"frameborder="0"marginwidth="0"marginheight="0"
scrolling="no"name="265"></iframe>

這段顯示代碼是大小是117*37

<iframesrc="http://www.7stk.com/1/6/sina.htm"frameborder="0"
width="117"height="37"marginheight="0"marginwidth="0"
scrolling="no"></iframe>

這段顯示代碼是大小是130*110

<iframesrc="http://www.7stk.com/1/6/qq.htm"frameborder="0"
width="160"height="15"marginheight="0"marginwidth="0"
scrolling="no"></iframe>

這段顯示代碼是大小是380*37

<iframesrc="http://www.7stk.com/1/6/200903.htm"width="130"
height="110"frameborder="0"marginwidth="0"marginheight="0"
scrolling="no"name="I2"align="middle">

</iframe>

這段顯示代碼是大小是380*70

<iframesrc="http://www.7stk.com/1/6/200904.htm"width="380"
height="70"frameborder="0"marginwidth="0"marginheight="0"
scrolling="no"name="I2"align="middle">

</iframe>

這段顯示代碼是大小是190*30

<iframesrc="http://www.7stk.com/1/6/200906.htm"width="190"
height="30"frameborder="0"marginwidth="0"marginheight="0"
scrolling="no"name="I2"align="middle">

</iframe>

顯示效果這里就不演示了,放到網頁裡面就可以查看的。這些代碼都是自動判斷客戶端IP的,所以網站的應用是很方便的。

9. 求內網網頁天氣預報源代碼!

如果你的內網能接入互聯網,還分什麼內網外網,網上的調用代碼應該都可以用才對
如果內網不能接入互聯網,那你還是每天手動錄吧

10. 誰幫我找一個天氣預報網頁代碼

代碼如下:
<iframe id=weatherwin border=0 name=weatherwin marginWidth=0 marginHeight=0 src="http://weather.369.com/weather.html" frameBorder=no width=160 scrolling=no height=60></iframe>

也可以用265.com的代碼.在那裡上網就顯示那裡的天氣

閱讀全文

與天氣網頁源碼相關的資料

熱點內容
噴油螺桿製冷壓縮機 瀏覽:581
python員工信息登記表 瀏覽:377
高中美術pdf 瀏覽:161
java實現排列 瀏覽:513
javavector的用法 瀏覽:982
osi實現加密的三層 瀏覽:233
大眾寶來原廠中控如何安裝app 瀏覽:916
linux內核根文件系統 瀏覽:243
3d的命令面板不見了 瀏覽:526
武漢理工大學伺服器ip地址 瀏覽:149
亞馬遜雲伺服器登錄 瀏覽:525
安卓手機如何進行文件處理 瀏覽:71
mysql執行系統命令 瀏覽:930
php支持curlhttps 瀏覽:143
新預演算法責任 瀏覽:444
伺服器如何處理5萬人同時在線 瀏覽:251
哈夫曼編碼數據壓縮 瀏覽:428
鎖定伺服器是什麼意思 瀏覽:385
場景檢測演算法 瀏覽:617
解壓手機軟體觸屏 瀏覽:352