当前位置:首页 > 下载列表 > 大陆仔天气预报

大陆仔天气预报 v1.0

大陆仔天气预报是一个纯JS版的天气预报,调用了新浪的天气预报接口实现。具体功能如下:●支持根据用户IP来显示当地的天气预报(使用了魔镜的API)●支持用户搜索中国和国外城市的天气预报●将能够查询未来两天的天气情况。使用方法:该程序是基于jquery1.32和daluzaiJS函数库1.3开发的,所以在使用前请检测网站是否拥有jquery和daluzai函数库。确认无
分类:   下载/工具 · JavaScript 来源:  点击进入 版本:  v1.0
日期:  2023-02-23 人气:   大小:  174KB
标签:   javascript 其他开源
点击下载 相关下载
功能介绍

大陆仔天气预报是一个纯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的使用发生冲突。

版本声明
本文转载于:https://down.chinaz.com/soft/31433.htm 如有侵犯,请联系study_golang@163.com删除
相关截图
  • 相关截图
  • 相关截图
查看更多
课程推荐
  • Golang云原生架构师课程
    Golang云原生架构师课程
    Go是一门并发支持、垃圾回收的编译型系统编程语言;本课程转载自哔哩哔哩:https://www.bilibili.com/video/BV1Mh411M7A
    204次学习
  • MySQL数据管理之备份恢复案例解析视频教程
    MySQL数据管理之备份恢复案例解析视频教程
    《MySQL数据管理之备份恢复案例解析视频教程》MySQL是一个开放源码的小型关联式数据库管理系统,目前MySQL被广泛地应用在Internet上的中小型网站中。由于其体积小、速度快、总体拥有成本低,尤其是开放源码这一特点,许多中小型网站为了降低网站总体拥有成本而选择了MySQL作为网站数据库。
    160次学习
  • MySQL索引优化解决方案
    MySQL索引优化解决方案
    本套课程是根据MySQL索引的设计理念与数据结构、索引使用场景、索引分类、索引运用场景、索引性能分析、查询优化、MySQL索引的慢查询等组成,主要讲述了MySQL索引优化的解决方案,非常适合有MySQL使用基础或者有一定工作经验的同学。课程讲解了解决大数量查询慢的问题、如何编写一个高效的SQL、查询语句应该如何优化、索引的实现原理是什么、索引又应该如何优化...等诸多SQL索引优化的难点和面试点。
    182次学习
  • 极客学院Docker视频教程
    极客学院Docker视频教程
    Docker是PaaS提供商dotCloud开源的一个基于LXC的高级容器引擎,源代码托管在Github上,基于go语言并遵从Apache2.0协议开源。Docker自2013年以来非常火热,无论是从github上的代码活跃度,还是各大厂商的支持,都使Docker成为了时下最受关注的技术,甚至微软都声称在下一代WindowsServer中集成对Docker的支持。所以我们收集了《极客学院Docke
    243次学习
  • Golang进阶实战编程
    Golang进阶实战编程
    本课程是在《Go语言基础视频》基础之上录制的,是Go语言基础的后半部分。包括包的管理,IO操作,Go语言最大的亮点:高并发,goroutine,channel,反射等。本视频主要为了帮助Go语言的初学者,从零到一的快速入门。学完本套课程,可以学会如果通过包管理Go项目,并发模型,以及并发实现,channel通道如何传递数据,反射等等。
    127次学习
  • JavaScript极速入门
    JavaScript极速入门
    本套课程将帮助大家迅速掌握JavaScript这门高端的、动态的、弱类型编程语言。知识点简单明了,让你学习0压力,适合新手观看学习......
    431次学习
微信登录更方便
  • 密码登录
  • 注册账号
登录即同意 用户协议隐私政策
返回登录
  • 重置密码