简单易懂的天气插件(代码分享)


Posted in Javascript onFebruary 04, 2017

效果图如下:

简单易懂的天气插件(代码分享)

代码如下所示:

<!DOCTYPE html>
<html>
 <head>
 <meta charset="UTF-8">
 <title>天气</title>
 <meta name="viewport" content="width=device-width,initial-scale=1"/>
 <style type="text/css">
  .xc{
  width: 200px;
  margin: 0 auto;
  }
 </style>
 </head>
 <body>
 <div id="tp-weather-widget" class="xc"></div>
 <script>
  (function(T, h, i, n, k, P, a, g, e) {
  g = function() {
   P = h.createElement(i);
   a = h.getElementsByTagName(i)[0];
   P.src = k;
   P.charset = "utf-8";
   P.async = 1;
   a.parentNode.insertBefore(P, a)
  };
  T["ThinkPageWeatherWidgetObject"] = n;
  T[n] || (T[n] = function() {
   (T[n].q = T[n].q || []).push(arguments)
  });
  T[n].l = +new Date();
  if(T.attachEvent) {
   T.attachEvent("onload", g)
  } else {
   T.addEventListener("load", g, false)
  }
  }(window, document, "script", "tpwidget", "//widget.thinkpage.cn/widget/chameleon.js"))
 </script>
 <script>
  tpwidget("init", {
  "flavor": "slim",
  "location": "WX4FBXXFKE4F",
  "geolocation": "disabled",
  "language": "zh-chs",
  "unit": "c",
  "theme": "chameleon",
  "container": "tp-weather-widget",
  "bubble": "enabled",
  "alarmType": "badge",
  "color": "#F47837",
  "uid": "U605DCADA4",
  "hash": "78f46a1198d54dafa0cda717efa717a9"
  });
  tpwidget("show");
 </script>
 </body>
</html>

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
jQuery 学习第六课 实现一个Ajax的TreeView
May 17 Javascript
非阻塞动态加载javascript广告实现代码
Nov 17 Javascript
调试Node.JS的辅助工具(NodeWatcher)
Jan 04 Javascript
Jquery 数据选择插件Pickerbox使用介绍
Aug 24 Javascript
JS实现先显示大图后自动收起显示小图的广告代码
Sep 04 Javascript
javascript动画之模拟拖拽效果篇
Sep 26 Javascript
解析如何利用iframe标签以及js制作时钟
Dec 08 Javascript
原生Javascript插件开发实践
Jan 09 Javascript
你点的 ES6一些小技巧,请查收
Apr 25 Javascript
Vue+Element UI+Lumen实现通用表格分页功能
Feb 02 Javascript
JavaScript封装单向链表的示例代码
Sep 17 Javascript
浅谈vue使用axios的回调函数中this不指向vue实例,为undefined
Sep 21 Javascript
URL中“#” “?” &amp;“”号的作用浅析
Feb 04 #Javascript
Angularjs 依赖压缩及自定义过滤器写法
Feb 04 #Javascript
javascript实现复选框全选或反选
Feb 04 #Javascript
JavaScript获取当前时间向前推三个月的方法示例
Feb 04 #Javascript
javascript表单正则应用
Feb 04 #Javascript
JS中的phototype详解
Feb 04 #Javascript
详解JavaScript RegExp对象
Feb 04 #Javascript
You might like
php 获取一个月第一天与最后一天的代码
2010/05/16 PHP
php实现数组重复数字统计实例
2018/09/30 PHP
Javascript select控件操作大全(新增、修改、删除、选中、清空、判断存在等)
2008/12/19 Javascript
jquery 插件 web2.0分格的分页脚本,可用于ajax无刷新分页
2008/12/25 Javascript
JavaScript 继承详解 第一篇
2009/08/30 Javascript
非阻塞动态加载javascript广告实现代码
2010/11/17 Javascript
jQuery的.live()和.die() 使用介绍
2011/09/10 Javascript
JS表的模拟方法
2015/02/05 Javascript
通过伪协议解决父页面与iframe页面通信的问题
2015/04/05 Javascript
javascript获取网页宽高方法汇总
2015/07/19 Javascript
Angularjs的ng-repeat中去除重复数据的方法
2016/08/05 Javascript
详解jQuery中基本的动画方法
2016/12/14 Javascript
Bootstrap CSS组件之导航条(navbar)
2016/12/17 Javascript
React中ES5与ES6写法的区别总结
2017/04/21 Javascript
zTree节点文字过多的处理方法
2017/11/24 Javascript
nodejs实现的简单web服务器功能示例
2018/03/15 NodeJs
详解koa2学习中使用 async 、await、promise解决异步的问题
2018/11/13 Javascript
JS实现页面跳转与刷新的方法汇总
2019/08/30 Javascript
antd vue 刷新保留当前页面路由,保留选中菜单,保留menu选中操作
2020/08/06 Javascript
[05:04]完美世界携手游戏风云打造 卡尔工作室地图界面篇
2013/04/23 DOTA
Python 深入理解yield
2008/09/06 Python
Python文件读取的3种方法及路径转义
2015/06/21 Python
python的staticmethod与classmethod实现实例代码
2018/02/11 Python
Python中if elif else及缩进的使用简述
2018/05/31 Python
python和opencv实现抠图
2018/07/18 Python
如何在Django项目中引入静态文件
2019/07/26 Python
Tensorflow 卷积的梯度反向传播过程
2020/02/10 Python
python实现贪吃蛇游戏源码
2020/03/21 Python
Python利用pip安装tar.gz格式的离线资源包
2020/09/14 Python
澳大利亚UGG工厂直销:Australian Ugg Boots
2017/10/14 全球购物
G-Form护具官方网站:美国运动保护装备
2019/09/04 全球购物
大学本科毕业生求职信范文
2013/12/18 职场文书
关于环保的标语
2014/06/13 职场文书
餐厅服务员岗位职责
2015/02/09 职场文书
教你漂亮打印Pandas DataFrames和Series
2021/05/29 Python
python如何利用traceback获取详细的异常信息
2021/06/05 Python