首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

清新唯美的jQuery天气预报插件(网页天气预报插件

Jeff 在上一篇文章《精致清新华丽,雅虎天气图标下载》提供了几个好看天气图标,这些图标要用在哪里才能发挥用处呢?...就用到接下来一个 jQuery 天气预报插件,由国内一个前端工程师王子墨开发,这是一个开源、基于jQuery 函数库 JavaScript 天气预报脚本插件,主要用于天气预报展示。...jQuery天气预报插件介绍 项目地址:http://julying.com/lab/weather/ 版本:目前是3.0 开发者:王子墨 浏览器兼容:Internet Explorer 6+、Firefox...演示:本文就是演示啦,见最最上面(RSS订阅用户看不啦) 插件使用压缩版的话只有3.59k左右,轻量级。使用这个插件的话基本上不用什么javascript ,jquery 基础,只要会使用就好了。...关于有没有必要在网站上使用问题,见仁见智啦~ 免费为该js文件提供CDN加速节点 你如果不想使用官方地址js文件,可以使用我,我已经将这个jquery.weather.build.min.js托管到七牛云存储上了

4.3K100
您找到你想要的搜索结果了吗?
是的
没有找到

js免费调用天气API

js调用天气API 文档参考链接: 天气API文档 1、首先登陆 天气API进行用户注册 点击右上角进行注册、登录 2、打开API文档如下图 其中appid和appsecret则在天气API...city、ip则代表三种查询方式(三选一)(城市id,不要带CN(参考城市id参考表),城市名(string类型且不带市,例如“西安”),ip),这三种参数可填可不填,不填则默认当前所在地址 3、写法 我用是...uni-app写法,其实都差不多啦 uni.request({ url: "https://www.tianqiapi.com/api?...appsecret=m70vbv6A", method: "get", success(res) { console.log(res.data) } }) 这就是请求到数据啦...如发现本站有涉嫌侵权/违法违规内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

2.3K10

Hexo-Butterfly添加天气插件

感谢糖果屋Akilar店长帮助——Akilarの糖果屋 ---- ---- Hexo-Butterfly添加天气插件 效果如图所示: 就是JS插件字体大小我不会调,稍微有一点瑕疵,不过影响不大...我用是心知天气天气插件(其他天气插件同理)。 首先,先到心知天气官网注册一个账号——心知天气。 登录,申请一个免费版,然后在产品下拉栏中选择天气插件,然后点击立即免费使用。...打开主题文件目录 找到并打开nav.pug 将下面这行代码放入合适位置 例如: 保存并关闭 接着,在此路径下创建一个JS文件...打开,将刚才复制代码中 中间内容粘贴进去。 就是将下图中画横线代码删除。...保存并关闭 最后,找到主题配置文件_config.yml 打开,在inject处引入刚才创建JS文件(注意文件名称)。 保存并退出 hexo clean&&hexo g&&hexo d即可完成

71310

找到一款免费网页天气插件

https://blog.csdn.net/u011415782/article/details/78949208 ♩ 背景 最近在参考别人后台CMS模板时,发现了一款网页天气插件,感觉简单好用...对于访问量不大页面完全可以免费应用,当然可根据需要自行决定其他付费功能 官网 - 心知天气 ♪ 使用方法 ①....注册用户 简单填写信息即可,当然,本人只是简单使用了一下功能,实时获取天气信息即可 ②. 定制样式 进入定制页面 ? 根据界面指导,直接自行定制即可,非常方便 ③....代码参考 以下是在我账号下生成代码,我使用了最简单设计样式 其实你也可以直接拿来使用,直接粘贴如下代码到你需要显示页面位置即可 </div...T.addEventListener("load",g,false)}}(window,document,"script","tpwidget","//widget.seniverse.com/widget/chameleon.js

3.3K20

js插件教程

;我为了方便都写到一个html中了;请把这个script标签中内容单独写在一个js文件里 //整个插件写在一个立即执行函数里;就是function(){}();函数自执行;保证里面的变量不会与外界互相影响...号(叹号)或者;(分号)这不是写错了,为了防止那个二货写js结束没有分号;而可能发生报错 /* ;function(win,doc,$,undefined){ }(window...比如你要点击按钮 添加input值到 div里 var addHtml = function(demo,btn){//插件名,调用时候直接new一下插件名就行了并传参数或者传对象(一般这个函数名手写字母大写比较好...add-1");//这里是实例1调用插件代码 new addHtml("demo-2","add-2"); //这里是实例2调用插件代码 //是不是明白为什么要写插件了;要封装...--这里是最简单插件写法;当然还有传对象参数插件等等。。。。-->

35.1K10

精通TypeScript:打造一个炫酷天气预报插件

今天小编以葡萄城公司嵌入式BI工具——Wyn商业智能为例为大家介绍如何实现一个天气预报插件。...天气预报 代码打包 获取代码之后,在本地IDE中通过wyn-visual-tools package命令将程序打包生成对应VIZ插件包。...开发说明 开源代码库 ​ 葡萄城将已经实现可视化插件源码已经公开,可以直接在github中获取。比如上面的天气预报插件就是直接从官方代码仓库中获取,除此之外还有很多其他插件供用户下载使用。...从零开始做一个插件 如果官方提供插件没有需要,就可以自己开始搭建项目工程,进一步开发插件。 2.1 准备环境 安装10.0.0 以上版本node.js 。...webpack.config.js: 该项目通过webpack进行打包,该文件是webpack配置文件, 具体可参考https://webpack.js.org/configuration/ 2.3

19210

评论JS插件~多说+畅言

thread_key 可选 被评论文章在原站点文章标识。如果有thread_id,此参数是可选参数,否则是必选参数。 thread_id 可选 被评论文章多说文章ID。...parent_id 可选 父评论(被回复评论)ID。 author_name 可选 作者名字。如果已登陆多说,此参数是可选参数,否则是必选参数。 author_email 可选 作者邮箱。...remote_auth 可选 remote_auth串是判断用户是否登录依据。...likes int 一定返回 评论被点【赞】次数。 reports int 一定返回 评论被【举报】次数。 type string 一定返回 类型。现在均为空。...畅言:http://changyan.kuaizhan.com/ PC端 通用代码接入 畅言支持各种类型Web网站接入,网站只需要粘贴、复制JS代码到网页任意位置,或者复制代码到模板中,畅言评论框将在所有网页自动出现

18K100
领券