加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

免费自我定制天气预报代码

(2006-06-20 12:40:57)
分类: *博客教程* -欢迎学习-
又发现一个天气预报,在别人博客上看见的,觉得还不错,查看了一下源代码,把怎么弄的方法告诉大家,其实没什么技术含量,很简单的,就是一个天气网站提供的代码而已,不过比较好的是可以定制你自己的城市,而且有三种样式可供你选择,网址:http://www.tianqi123.com/main/small_page.html,废话不想多说,进去之后大家就知道怎么弄了,其中一款效果:

对HTML语言比较熟悉的朋友可以看里面对天气预报代码高级使用方法的说明,不会的不要乱改代码,否则出了问题不能显示了就只能怪你自己了。

天气代码高级使用方法一(天气预报网站上提供)
 
如果您会HTML语言,您还可以在iframe代码中的url后面加参数,如:
chengshi_321.html?c0=F9DC68&c1=white&c2=FEFCE0&t1=red&bg=white&w=160&h=250&text=no
 
其中 c0 表示表格第一行背景颜色;c1、c2表示表格其他行间隔的背景颜色;t1表示标题颜色;bg 表示页面背景颜色;w 表示表格宽度, h 表示表格高度 
 
当 text=yes 时,将会出现滚动的天气文字,建议您自己调试看看,如:
chengshi_321.html??c0=red&c1=FF9900&bg=F4FFF4&w=160&h=20&text=yes
 
注意:颜色请不要加 # 符号,如 #FF9900 请写成 FF9900

颜色代码你可以去这个网址里找: http://bbfc.cn/color.htm

天气代码高级使用方法二(天气预报网站上未提供)

这个方法那个天气预报网站上没有提供,我额外教大家,就是如何把天气预报的背景全部弄透明,同上参数说明,如:
chengshi_321.html?c0=F9DC68&c1=white&c2=FEFCE0&t1=red&bg=white&w=160&h=250&text=no

其中c0 表示表格第一行背景颜色;c1、c2表示表格其他行间隔的背景颜色;t1表示标题颜色;bg 表示页面背景颜色

这里我们把颜色全部改为:transparent,然后在原代码中加上这段参数:allowTransparency=true,比如说这段代码:

<iframe src=http://www.tianqi123.com/small_page/chengshi_757.html?c0=transparent&c1=transparent&c2=transparent&t1=transparent&bg=transparent&w=160&text=no width=160 height=248 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no align=center id=url allowTransparency=true></iframe>

请大家看一下效果:

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有