显示时间日期以及地区相关的天气情况插件
2016-12-22 16:08
477 查看
一个博客中看到一个比较好的功能,能够显示时间日期以及地区天气情况:
![](https://images2015.cnblogs.com/blog/635975/201612/635975-20161222160534089-481300723.png)
主要代码:
引用的js地址 : weather.js
![](https://images2015.cnblogs.com/blog/635975/201612/635975-20161222160534089-481300723.png)
主要代码:
<div class="welcome-info" style="margin-left: 20px;"> <div><span id="weather" style="color: #B0E0E6; font-size: 15px;background-color:grey;"></span></div> </div> <script type="text/javascript"> $('#weather').leoweather({ format: '{时段}好!,<span id="colock">现在时间是:<strong >{年}年{月}月{日}日 星期{周} <span style=" color: #FF7F00">{时}:{分}:{秒}</span></strong>,</span> <b>{城市}天气</b><span style=" color: #FF7F00"> {天气} </span>{夜间气温}℃ ~ {白天气温}℃' }); </script>
引用的js地址 : weather.js
相关文章推荐
- J2ME中处理日期相关问题以及收藏一个日期处理类(忽略时间)
- easyUi DataGrid 显示日期列,时间为空也可,的正常显示,及普通居中列情况
- js的 new Date()日期格式化显示以及js获取时间戳
- JAVA处理日期(Date)时间(Time)以及相关类的介绍
- JAVA处理日期(Date)时间(Time)以及相关类的介绍
- Jquery mobiscroll 移动设备(手机)wap日期时间选择插件以及滑动、滚动插件
- bootstrap datepicker 时间插件 只显示 特定日期
- windows7桌面右下角显示不止一个时间以及显示日期
- 使用DatePicker以及TimePicker显示当前日期和时间
- Android 使用DatePicker以及TimePicker显示当前日期和时间
- JAVA处理日期(Date)时间(Time)以及相关类的介绍
- python系统编程之修改IE标题栏显示日期和天气情况
- jAVA处理日期(Date)时间(Time)以及相关类的介绍
- android—DatePicker 和TimePicker显示日期以及使用TimePickerDialog,DatePickerDialog来专门实现时间选择对话框
- Android实时显示系统时间日期以及星期几
- js的 new Date()日期格式化显示以及js获取时间戳
- JAVA处理日期(Date)时间(Time)以及相关类的介绍
- JS显示日期和时间以及星期
- Android入门(12)——使用DataPicker以及TimePicker显示当前日期和时间
- 不用GridView显示的数据————以及显示厂日期格式时间