今天,我们与您分享了我们认为很棒的jQuery Weather Widget插件的集合。 通过将这些插件集成到我们的网站中,我们可以轻松地向我们的网站访问者提供任何位置的天气信息。 这些插件使用天气信息提供商的API,例如Google和Yahoo!。

相关文章:

  • jQuery Twitter小部件

1. WeatherSlider – jQuery动画天气小部件

这是一个美丽的天气滑块小部件,具有动画天气效果和48种天气类型。

Android 天气widget小部件 手机天气桌面小插件_Android 天气widget小部件

2.我的Google天气插件

此插件可为世界上任何城市添加天气。
特征:
>完全可定制的天气小部件
>使用谷歌提供的天气信息
>在世界上大多数城市都可以使用
>跨浏览器(适用于IE7 + / FF / Chrome / Safari / Opera)

Android 天气widget小部件 手机天气桌面小插件_Android 天气widget小部件_02


来源+演示

3使用jQuery,YQL和Weather.com创建Weather Widget

创建一个简单的小部件以显示天气数据。 我们的目标是创建一个类似于Google如何显示天气数据的小部件。

Android 天气widget小部件 手机天气桌面小插件_json_03

4.使用Google的Weather API

此应用程序采用一组Google weather API供稿,并根据输出做出一些简单的决定。

Android 天气widget小部件 手机天气桌面小插件_javascript_04

5. jQuery Geolocation和Yahoo的API构建简单的天气网络应用

我们将使用HTML5地理位置API向用户提供个性化的天气预报。 使用jQuery,我们将向Yahoo的两个流行API发出AJAX请求,以获取其他地理信息和天气预报。

Android 天气widget小部件 手机天气桌面小插件_javascript_05

6. jQuery天气小部件

这个小部件是纯JavaScript,不需要后端/服务器,因此您可以将其放在博客上或任何您喜欢的地方。 该小部件使用JSON进行了两个主要调用,以检索用户的地理位置,然后检索该位置的当地天气。

Android 天气widget小部件 手机天气桌面小插件_json_06

7. jDigiClock:带天气的jQuery数字时钟

jDigiClock是一个jQuery插件,灵感来自独特的HTC Hero Clock Widget。

Android 天气widget小部件 手机天气桌面小插件_json_07

8. simpleWeather:如何使用jQuery显示天气

一个简单的jQuery插件,可显示任何位置的天气信息。 数据是从公开的Yahoo! 通过YQL API的天气供稿。

Android 天气widget小部件 手机天气桌面小插件_ViewUI_08

9.使用jQuery和YQL将天气添加到您的站点

jQuery和YQL(由Yahoo提供的免费网络服务)可用于轻松向您的站点添加自定义的天气显示。 在本文中,我将引导您完成从头到尾的整个过程。

Android 天气widget小部件 手机天气桌面小插件_javascript_09

10. zWeatherFeed – Yahoo! jQuery天气插件

该插件将使用Yahoo!读取位置的当前天气。 天气。 它使用内置的CSS类生成结构化的HTML样式。 简单易用。

Android 天气widget小部件 手机天气桌面小插件_ViewUI_10