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的代碼.在那裡上網就顯示那裡的天氣