返回首页 设计案例 文章动态 组件列表
联系我们

扫一扫微信二维码

jQuery最新天气插件LeoWeather

新用户注册立送5积分哦...
插件描述:天气插件,获取位置,jquery,jquery插件

组件介绍:

LeoWeather 是一款专门用来获取天气和时间的插件,本插件自创的标签模式使得用户可以更好的对显示内容进行排版!


显示城市 可选,不填自动获取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)

建站咨询

点我咨询

建站咨询热线

153-2135-3313

QQ,新浪是独立账号信息不互通

Q Q 登陆

我已阅读并接受 《注册声明》与《版权声明》

没有账号?立即注册

QQ,新浪是独立账号信息不互通

Q Q 注册

我已阅读并接受 《注册声明》与《版权声明》

已有账号?

注册声明

一、用户注册、登陆,视为接受本协议的约束。

二、用户承诺遵守国家的法律法规及部门规章

三、用户承诺遵守“313组件库”的知识产权政策.

四、站内插件用于行业交流、学习。

五、用户侵犯第三人的知识产权,由该用户承担全部法律责任。

版权声明

313组件库(www.yu313.cn)站内所有涉及插件及代码由会员或站主上传而来,313组件库不拥有会员上传的插件及代码的版权

313组件库作为网络服务提供者,对非法转载,盗版行为的发生不具备充分的监控能力。但是当版权拥有者提出侵权指控并出示充分的版权证明材料时,313组件库负有移除盗版和非法转载作品以及停止继续传播的义务。313组件库在满足前款条件下采取移除等相应措施后不为此向原发布人承担违约责任或其他法律责任,包括不承担因侵权指控不成立而给原发布人带来损害的赔偿责任。

如果版权拥有者发现自己作品被侵权,请及时向313组件库提出权利通知,并将姓名、电话、身份证明、权属证明、具体链接(URL)及详细侵权情况描述发往版权举报专用通道,313组件库在收到相关举报文件后,在3个工作日内移除相关涉嫌侵权的内容

QQ:515184405(周一到周五,9:30-18:00)

首页 案例 组件 我的