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


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帮助之筛选查找 children([expr])
Jan 31 Javascript
JS对外部文件的加载及对IFRMAME的加载的实现,当加载完成后,指定指向方法(方法回调)
Jul 04 Javascript
javascript Array 数组常用方法
Apr 05 Javascript
浅析创建javascript对象的方法
May 13 Javascript
客户端验证用户名和密码的方法详解
Jun 16 Javascript
NODE.JS跨域问题的完美解决方案
Oct 20 Javascript
JQuery ZTree使用方法详解
Jan 07 Javascript
jQuery窗口拖动功能的实现代码
Feb 04 Javascript
JScript实现地址选择功能
Aug 15 Javascript
微信小程序自定义轮播图
Nov 04 Javascript
javascript设计模式 ? 状态模式原理与用法实例分析
Apr 22 Javascript
Vue检测屏幕变化来改变不同的charts样式实例
Oct 26 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
smarty高级特性之对象的使用方法
2015/12/25 PHP
JavaScript语法着色引擎(demo及打包文件下载)
2007/06/13 Javascript
JavaScript监测ActiveX控件是否已经安装过的代码
2008/09/02 Javascript
javascript 遍历验证所有文本框的值
2009/08/27 Javascript
jquery 查找新建元素代码
2010/07/06 Javascript
js中直接声明一个对象的方法
2014/08/10 Javascript
将JavaScript的jQuery库中表单转化为JSON对象的方法
2015/11/17 Javascript
javascript如何定义对象数组
2016/06/07 Javascript
JavaScript中的事件委托及好处
2016/07/12 Javascript
RequireJs的使用详解
2017/02/19 Javascript
Mint UI 基于 Vue.js 移动端组件库
2017/11/07 Javascript
js实现旋转的星空效果
2019/11/01 Javascript
基于Web Audio API实现音频可视化效果
2020/06/12 Javascript
NodeJS和浏览器中this关键字的不同之处
2021/03/03 NodeJs
python中map()与zip()操作方法
2016/02/27 Python
Python+Opencv识别两张相似图片
2020/03/23 Python
Pycharm学习教程(5) Python快捷键相关设置
2017/05/03 Python
Python中property属性实例解析
2018/02/10 Python
Python 给某个文件名添加时间戳的方法
2018/10/16 Python
PyGame贪吃蛇的实现代码示例
2018/11/21 Python
python爬取内容存入Excel实例
2019/02/20 Python
Python中最大递归深度值的探讨
2019/03/05 Python
Python3环境安装Scrapy爬虫框架过程及常见错误
2019/07/12 Python
Python PyQt5运行程序把输出信息展示到GUI图形界面上
2020/04/27 Python
tensorflow下的图片标准化函数per_image_standardization用法
2020/06/30 Python
CSS3实现瀑布流布局与无限加载图片相册的实例代码
2016/12/22 HTML / CSS
印度婴儿用品在线商店:Firstcry.com
2016/12/05 全球购物
写好自荐信的技巧
2013/11/08 职场文书
厨房工作人员岗位职责
2013/11/15 职场文书
党校学习思想汇报
2014/01/06 职场文书
大学生职业规划范文:象牙塔生活的四年计划
2014/01/14 职场文书
MBA推荐信怎么写
2015/03/25 职场文书
鸡毛信观后感
2015/06/11 职场文书
如何写一份成功的商业计划书
2019/06/25 职场文书
关于Vue Router的10条高级技巧总结
2021/05/06 Vue.js
Java数据结构之链表相关知识总结
2021/06/18 Java/Android