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的代码.在那里上网就显示那里的天气