Discuz!官方免费开源建站系统

 找回密码
 立即注册
搜索

[发布] 站内js调用实时天气预报,IP地址判断可以自己美化样式

[复制链接]
原来不知道 发表于 2012-5-24 14:45:06 | 显示全部楼层 |阅读模式
在论坛中加入实时天气预报也有一些实用性,看到一些站长使用的插入框架的天气预报,天气预报背景颜色与网页颜色都不协调,现在发布一款采用JS调用的天气预报,根据IP地址自动判断城市,支持全国2000多个城市,可以自己通过CSS控制天气预报的字体、颜色和背景

效果如下:
tq.jpg

使用非常简单,只需要二行代码
在要显示天气预报的任意模板位置加入如下代码:
  1. <span id="weather"></span>
复制代码
然后在页面</body>之前加入调用js就行了

效果演示:http://www.xiangtanmama.com/neirong-127-1-1.html

如果天气预报也加在如演示站的搜索框旁边,可以直接下载附件替换二个模板文件,当然也可以自行添加和设置,附件内有说明。

JS调用天气.rar

5.03 KB, 下载次数: 3385

回复

使用道具 举报

 楼主| 原来不知道 发表于 2012-5-24 14:46:30 | 显示全部楼层
觉得还行的就支持一下吧
回复

使用道具 举报

chuyue1987 发表于 2012-5-24 15:22:06 | 显示全部楼层
可能需要,留着备用~~
回复

使用道具 举报

Bate.Tong 发表于 2012-5-31 13:43:40 | 显示全部楼层
要是前边加上天气图标就更好了,还是挺满意的,楼主辛苦了。
回复

使用道具 举报

 楼主| 原来不知道 发表于 2012-5-31 19:09:16 | 显示全部楼层
Bate.Tong 发表于 2012-5-31 13:43
要是前边加上天气图标就更好了,还是挺满意的,楼主辛苦了。

可以加上图片的,只是目前空间就那样,只用文字不用图片调用速度更快一些
回复

使用道具 举报

泛泛滴辈 发表于 2012-5-31 19:53:52 | 显示全部楼层
回复

使用道具 举报

 楼主| 原来不知道 发表于 2012-5-31 20:02:49 | 显示全部楼层
泛泛滴辈 发表于 2012-5-31 19:53
倒是不错,只是热搜词没了!安易普安全论坛安全网安全文化网安全管理网化工安全网交通安全网煤矿安全网建筑 ...

不会啊,这个是可以随便放在网页中的哪个位置,只要在要显示的位置加入如下代码就好了
<span id="weather"></span>
你可以放在网页最顶部位置,也可以放在logo旁边,当然也可以放在搜索框的右边等位置
回复

使用道具 举报

李寻欢2009 发表于 2012-6-2 09:54:31 | 显示全部楼层
也不好看啊
回复

使用道具 举报

ip123.com 发表于 2012-6-2 10:01:40 | 显示全部楼层
个人认为意义不大,不过辛苦楼主了。
回复

使用道具 举报

Bate.Tong 发表于 2012-6-6 22:33:45 | 显示全部楼层
有中国天气网的代码么?
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2025-8-25 02:38 , Processed in 0.138785 second(s), 18 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表