jquery天气插件

您所在的位置：网站首页 › 风级图表 › jquery天气插件

jquery天气插件

2023-08-10 19:34| 来源: 网络整理| 查看: 265

jquery天气插件

所属分类：其他-独立的部件

123090 369 查看评论 (13) 分享到微信朋友圈X jquery天气插件

查看演示 website 立即下载

插件描述：一个简单的jQuery插件可以显示当前的天气信息，使用雅虎天气的任何位置。

一个简单的jQuery插件可以显示当前的天气信息，使用雅虎天气的任何位置。开发者James Fleeting。下载最新的版本，阅读文档或浏览常见问题解答simpleweather.js。下面你会发现使用simpleWeather.js的一个例子。

用法

只需在您的网站jquery.simpleWeather.js。然后初始化simpleWeather，设置您的WOEID，美国邮递区号或位置，添加一个div与``天气的ID（或任何你想要的，只是改变它在init）。

html

css

body { font: 13px 'Open Sans', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; background: #0091c2; } #weather { width: 425px; margin: 0px auto; text-align: center; text-transform: uppercase; } #weather h2 { margin: 0 0 8px; color: #fff; font-size: 150px; font-weight: 300; text-align: center; text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15); } #weather ul { margin: 0; padding: 0; } #weather li { background: #fff; background: rgba(255,255,255,0.90); padding: 20px; display: inline-block; border-radius: 5px; } #weather .currently { margin: 0 20px; }

$(document).ready(function() { $.simpleWeather({ zipcode: '', woeid: '2357536', location: '', unit: 'f', success: function(weather) { html = ''+weather.temp+'°'+weather.units.temp+''; html += ''+weather.city+', '+weather.region+''; html += ''+weather.currently+''; html += ''+weather.tempAlt+'°C'; $("#weather").html(html); }, error: function(error) { $("#weather").html('

'+error+'

'); } }); });

PREVIOUS: NEXT: jquery下雪效果 Highcharts图表库相关插件-独立的部件查看更多