网站如何嵌入天气预报插件

html-css06

网站如何嵌入天气预报插件,第1张

网站嵌入天气预报插件方法如下:

1.在百度首页搜索“天气定制模块”,打开名字中带有新浪网的网站;

2.第一步,选择样式,一共提供了六种样式,三种文字样式,三种图文样式,图文样式有三种颜色可以选择,要选择某种样式,请在样式名称前的方框内打上对勾,选择完成后,点击“确定”按钮,进行第二步;

3.在第一步中点击确定按钮之后,才能在第二步调整样式,在左下方修改好尺寸、城市,点击“定制”按钮,就会在右侧生成对应的天气代码,点击“复制代码”按钮,复制代码,如果提示“该浏览器下不支持剪贴板,请用鼠标复制”,则需要用鼠标选中代码,右键,复制;

4.把要添加天气代码的网页文件用编辑器打开,把代码粘贴到我们要放置天气模块的地方,保存文件;

5.在浏览器中打开上一步中保存的文件,就可以看到效果了。

不用安装插件,你把下面的代码插入你的网页中就可以了:第一种: 代码: <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

建议你是用WebServices服务,每次进入只要传一个城市参数就能返回最新的天气信息,你只要每次进入该页面就调取一下改WebServices就可以做到可更新了,而且还可以做更新按钮让用户自主更新,给个能用的地址给你:http://webservice.webxml.com.cn/WebServices/WeatherWS.asmx