导航:首页 > 源码编译 > 天气网页源码

天气网页源码

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

阅读全文

与天气网页源码相关的资料

热点内容
客户端框架源码 浏览:197
python自动办公能干嘛 浏览:873
程序员追爱 浏览:252
程序员逻辑故事 浏览:768
加密icsot23i2c 浏览:713
你们有什么好的解压软件 浏览:607
常州空气压缩机厂家 浏览:241
安卓如何关闭app内弹出的更新提示 浏览:409
e4a写的app怎么装苹果手机 浏览:201
海立压缩机海信系 浏览:210
社保如何在app上合并 浏览:220
小米加密照片后缀 浏览:236
我的世界网易手机怎么创服务器 浏览:978
载入单页源码 浏览:930
阿里云服务器seo 浏览:777
海洋斗什么时候上线安卓 浏览:86
中行app如何查每日汇款限额 浏览:840
输入服务器sn是什么意思 浏览:725
sha1算法java 浏览:90
asp代码压缩 浏览:851