- 资源介绍
大陆仔天气预报是一个纯JS版的天气预报,调用了新浪的天气预报接口实现。
具体功能如下:
● 支持根据用户IP来显示当地的天气预报 (使用了魔镜的 API)
● 支持用户搜索中国和国外城市的天气预报
● 将能够查询未来两天的天气情况。
使用方法:
该程序是基于jquery 1.32 和 daluzai JS函数库 1.3 开发的,所以在使用前请检测网站是否拥有jquery和daluzai函数库。 确认无误后那么就可以初始化大陆仔天气预报了
//创建天气预报核心对象
var weather_=new weather();
接着,配置将要使用的天气预报风格:(系统默认使用QQ的风格)
//设置样式
weather_.getStyle(\’qq\’);
大陆仔天气预报支持两套风格:QQ风格和未名风格。
QQ风格将和QQ天气预报一样的皮肤和显示方式,
未名风格则是官方自己开发的一套风格,因为图片的来源未知,因此起名为 未名风格。
接下来监听用户的所有事件,比如:点击按钮查询天气和回车查询天气等事件。
//监听用户事件
onEvent.onEvent();
最后,是大陆仔天气预报提供的帮助接口
大陆仔天气预报共提供了四个帮助函数,
分别是
.help(\’ver\’);
.help(\’about\’);
.help(\’style\’);
.help(\’\’);
使用 weather_.help(\’ver\’); 系统将返回当前使用的版本号;
使用 weather_.help(\’ablout\’); 系统将返回官方的信息;
使用 weather_.help(\’style\’); 系统将返回系统拥有的所有皮肤;
使用 weather_.help(\’\’); 系统将返回帮助所有的函数;
程序说明:
核心程序 weather.js
Weather.js 共有三个对象:
分别是
weather
uisy
onEvent
weather系统核心对象。处理了向新浪请求数据,天气预报皮肤,揣测天气预报对应的图片,页面的输出已经系统帮助的等功能。
uisy系统的JS和 CSS交互效果对象。
onEvent系统的所有响应事件。比如:用户的点击查询按钮,回车事件,系统正在查询,已经屏蔽报错等功能。
修改皮肤:
大陆仔天气预报的样式依赖于 daluzai CSS 底层库,其中,大陆仔天气预报样式在 uisy/drivers/prviate.css
修改样式即可换肤。
特别说明:
大陆仔产品一直遵循一个原则,CSS样式从来不用ID定义。所以,在修改皮肤时请不要使用ID定义样式,以免于JS的使用发生冲突。
猜你喜欢
-
21行业网 v6.1 开源版_仿百度搜索引擎(带蜘蛛程序)
2020-08-14 -
精仿1616导航源码
2020-08-13 -
QmanCms
2020-08-14 -
松树虚拟主机测评程序(ASP版) v1.0
2020-08-13 -
逝言心情驿站 v0.1
2020-08-13 -
ECMall v2.3.0 简体GBK 正式版
2020-08-14 -
苹果投票系统源码及毕业论文
2020-08-14 -
媲美WP的博客系统 v4.1.5
2020-08-14 -
汇成美容美发会员卡收银管理软件 v6.5
2020-08-13 -
FSO文件浏览器 v1.0
2020-08-13
-
飞信网络办公系统(支持飞信和超大附件上传) v1.3
2020-08-14 -
EfsFrame(net开发框架) v2.2 源代码
2020-08-14 -
C#邮件群发系统
2020-08-14 -
ShopWe 网店系统 v3.4
2020-08-14 -
雅歌之家 一键导航网址之家源码
2020-08-14 -
ecshop甜心100多级分销系统源码运营版+微信支付接口+推广二维码
2018-08-01 -
Catfish(鲶鱼) Blog v3.0.0
2020-08-14 -
YimonTemplate(asp模板引擎) 1.3 GBK
2020-08-12 -
东营商家网免费源码
2020-08-13 -
电影推荐最新电影微信小程序源码_源码下载
2020-08-03
猜你在找
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
源码资源库 » 大陆仔天气预报 1.0