清新唯美的jQuery天气预报插件(网页天气预报插件)
Jeff 在上一篇文章《精致清新华丽,雅虎天气图标下载》提供了几个好看的天气图标,这些图标要用在哪里才能发挥用处呢? 就用到接下来的一个 jQuery 天气预报插件,由国内一个前端工程师王子墨开发的,这是一个开源的、基于jQuery 函数库的 JavaScript 天气预报脚本插件,主要用于天气预报的展示。
jQuery天气预报插件介绍
项目地址:http://julying.com/lab/weather/ 版本:目前是3.0 开发者:王子墨 浏览器兼容:Internet Explorer 6+、Firefox、Opera、Apple Safari、Google Chrome、Others... 演示:本文就是演示啦,见最最上面(RSS订阅用户看不的啦)
插件使用压缩版的话只有3.59k左右,轻量级。使用这个插件的话基本上不用什么javascript ,jquery 基础,只要会使用就好了。作者在项目地址那里提供了一系列参数供你选择调用,并有多种天气图标,满足你的自定义欲。
小小吐槽
不过唯一的问题是,天气预报不太准。Jeff虽然不懂javascript ,但翻看了一下源代码天气情况的数据是从新浪的api【点击进入】获取的。不过我国的天气预报历来都是不那么准的了,算啦~ 然后发现加载的是google的jquery库,建议换成新浪SAE或其他的。
调用的话,把生成的代码(直接调用或者下载源代码),插入到网页身体(<body>)的下面就可以啦,WordPress 的话是在footer.php那里。基本上都会用的啦。
关于有没有必要在网站上使用的问题,见仁见智啦~
免费为该js文件提供CDN加速节点
你如果不想使用官方的地址的js文件,可以使用我的,我已经将这个jquery.weather.build.min.js托管到七牛云存储上了,速度极度给力!应该可以使用到今年12月份。
地址:http://filecache.qiniudn.com/lab/weather/v3/jquery.weather.build.min.js ,替换为官方的那个地址相应部分就可以啦!
将上面的地址替换图片代码的选中部分
- 如何打击“假货、高仿”类小程序
- centos 6x系统下源码安装mysql操作记录
- 【3】利用Word模板生成文档的总结
- 【2】快速代码集的由来及概览
- silverlight数据绑定模式TwoWay,OneWay,OneTime的研究
- Silverlight数据绑定/IValueConverter学习笔记
- silverlight:DeepZoom版的图片局部放大效果
- Linq之ToDictionary<TSource, TKey, TElement>的写法
- vs.net的调试小技巧之#define debug(适合新手)
- byte[]数组下标的最大值
- silverlight图片局部放大效果
- 局域网与互联网环境下MTU的快速确定方法
- 【4】通过简化的正则表达式处理字符串
- silverlight中的socket编程注意事项
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- c语言学生成绩管理系统源码
- web基础随笔
- 一次完整的JVM堆外内存泄漏故障排查记录
- ToughRADIUS 结合 Ldap 实现动态密码认证和MAC认证
- coscmd的应用
- scheduler-设计与实现
- 3分钟短文:太爽了,用Laravel写API接口!
- Spring mvc文件上传实现
- 「Mysql优化大师三」查询执行计划explain详解,含案例
- flutter BottomAppBar实现不规则底部导航栏
- Yarr:一个UI很漂亮的RSS阅读器
- kotlin Standard中的内联函数示例详解
- 解决react-native软键盘弹出挡住输入框的问题
- flutter编写精美的登录页面
- Flutter实现App功能引导页