素材牛VIP会员

jQuery最新天气插件LeoWeather

 所属分类:网页特效-UI/布局/瀑布流,时间日期,其他特效

 浏览:737次  评论:0次  更新时间:2019-09-22
牛币素材VIP可免积分下载
jQuery最新天气插件LeoWeather兼容IE11
积分说明:注册即送10牛币,每日签到可获得5牛币,成为VIP会员可永久免牛币下载!   充值积分   充值会员   更多说明»
素材描述:LeoWeather 是一款专门用来获取天气和时间的插件,本插件自创的标签模式使得用户可以更好的对显示内容进行排版!
 标签:位置天气

详细介绍

更新说明:原来的新浪天际接口失效,换了接口,加了功能,用法不变,源码开源,源码结构大改,去除昼夜-参数-city 


显示城市 可选,不填自动获取format 

输出格式 可选,不填默认样式输出-输出-{年} 

- 输出格式:2016{月} 

- 输出格式:08{日} 

- 输出格式:27{周} 

- 输出格式:六{时} 

- 输出格式:11{分}

- 输出格式:20{秒} 

- 输出格式:58{时段} 

- 输出格式:上午、中午、下午、傍晚、晚、凌晨{城市} 

- 输出格式:北京{天气} - 输出格式:雷阵雨{日期}

- 输出格式:2019-08-02{人性化日期} 

- 输出格式:3日(明天){当前气温} 

- 输出格式:30{最低气温} - 输出格式:20{最高气温} 

- 输出格式:38{风向} 

- 输出格式:无持续风向{风级} 

- 输出格式:≤3{图标} 

- 输出格式:leizhenyu{空气指数} 

- 输出格式:25{空气等级} 

- 输出格式:优{空气提示} 

- 输出格式:空气很好,可以外出活动,呼吸新鲜空气,拥抱大自然!{紫外线指数} 

- 输出格式:中等{紫外线提示} 

- 输出格式:涂擦SPF大于15、PA+防晒护肤品。{穿衣指数} 

- 输出格式:炎热{穿衣提示}

- 输出格式:建议穿短衫、短裤等清凉夏季服装。{洗车指数} 

- 输出格式:不宜{洗车提示} 

- 输出格式:有雨,雨水和泥水会弄脏爱车。

使用方法:

<div id="weather"></div>
$('#weather').leoweather({
   city:'赣州',
   format:'尊敬的会员,{时段}好!,现在时间是:{年}年{月}月{日}日 星期{周} {时}:{分}:{秒},您当前所在的城市:{城市} {昼夜}天气 {天气} {气温}℃'
});

使用技巧:

如果只定义了时间标签(年、月、日、时、分、秒、时段、昼夜),那么插件不会进行天气数据获取,同理,如果只定义了天气标签,则不会获取时间,以免造成资源浪费,并且,如果定义了时分秒三个标签,时间会呈现动态化,插件可以分开使用,如:

<span>尊敬的会员,<i id="clock"></i>,<i id="weather"></i></span>
$('#clock').leoweather({
   format:'{时段}好!,现在时间是:{年}年{月}月{日}日 星期{周} {时}:{分}:{秒}'
});
$('#weather').leoweather({
   format:'您当前所在的城市为:{城市} {昼夜}天气 {天气} {气温}℃'
});

参数说明:

city - 定义城市,如没有定义则根据IP自动获取城市名称

format - 数据显示格式化

标签说明:

{年} - 输出格式:2016

{月} - 输出格式:08

{日} - 输出格式:27

{周} - 输出格式:六

{时} - 输出格式:11

{分} - 输出格式:20

{秒} - 输出格式:58

{时段} - 输出格式:上午、中午、下午、傍晚、晚、凌晨

{昼夜} - 输出格式:白天、夜晚

{城市} - 输出格式:北京

{天气} - 输出格式:雷阵雨

{气温} - 输出格式:30

{风向} - 输出格式:无持续风向

{风级} - 输出格式:≤3

{图标} - 输出格式:leizhenyu

{夜间XX}、{白天XX} - 可输出夜间或白天数据,XX代表标签名称,如:{夜间气温}、{白天气温},夜间白天标签可输出:天气、气温、风向、风级、图标

讨论这个素材(0)回答他人问题或分享使用心得会奖励牛币

〒_〒 居然一个评论都没有……

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0
所需牛币:5 开始下载

牛币获取:签到、评论、充值    » 在线充值(10牛币=1元)