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


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时无响应数据的解决方法
May 25 Javascript
jquery 插件学习(五)
Aug 06 Javascript
一个基于jquery的文本框记数器
Sep 19 Javascript
Javascript window对象详解
Nov 12 Javascript
Javascript中arguments和arguments.callee的区别浅析
Apr 24 Javascript
js生成验证码并直接在前端判断
May 15 Javascript
jQuery Easyui学习之datagrid 动态添加、移除editor
Jan 27 Javascript
AngularJS表单基本操作
Jan 09 Javascript
Vuejs实现带样式的单文件组件新方法
May 02 Javascript
基于百度地图api清除指定覆盖物(Overlay)的方法
Jan 26 Javascript
Bootstrap的aria-label和aria-labelledby属性实例详解
Nov 02 Javascript
微信小程序--特定区域滚动到顶部时固定的方法
Apr 28 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制作静态网站的模板框架(二)
2006/10/09 PHP
php selectradio和checkbox默认选择的实现方法详解
2013/06/29 PHP
php定界符
2014/06/19 PHP
php计算税后工资的方法
2015/07/28 PHP
php递归函数三种实现方法及如何实现数字累加
2015/08/07 PHP
php文件上传你必须知道的几点
2015/10/20 PHP
PHP操作MySQL的mysql_fetch_* 函数的常见用法教程
2015/12/25 PHP
PHP sleep()函数, usleep()函数
2016/08/25 PHP
php实现的二分查找算法示例
2017/06/20 PHP
PHP封装的分页类与简单用法示例
2019/02/25 PHP
php和C#的yield迭代器实现方法对比分析
2019/07/17 PHP
JavaScript 自动分号插入(JavaScript synat:auto semicolon insertion)
2009/11/04 Javascript
js 取时间差去掉周六周日实现代码
2012/12/25 Javascript
JQuery中根据属性或属性值获得元素(6种情况获取方法)
2013/01/17 Javascript
JavaScript调用客户端的可执行文件(示例代码)
2013/11/28 Javascript
JS使用正则表达式获取小括号、中括号及花括号内容的方法示例
2018/06/01 Javascript
详解Vue2.0组件的继承与扩展
2018/11/23 Javascript
微信小程序登录态和检验注册过没的app.js写法
2019/05/22 Javascript
vuex管理状态 刷新页面保持不被清空的解决方案
2019/11/11 Javascript
详解vue 中 scoped 样式作用域的规则
2020/09/14 Javascript
Python实现打印螺旋矩阵功能的方法
2017/11/21 Python
使用python读取csv文件快速插入数据库的实例
2018/06/21 Python
使用python3调用wxpy模块监控linux日志并定时发送消息给群组或好友
2019/06/05 Python
如何利用Python给自己的头像加一个小国旗(小月饼)
2020/10/02 Python
Python list和str互转的实现示例
2020/11/16 Python
Python实现京东抢秒杀功能
2021/01/25 Python
SEPHORA新西兰官方网站:购买化妆品和护肤品
2016/12/02 全球购物
意大利灯具购物网站:Lampade.it
2018/10/18 全球购物
物业管理毕业生个人的求职信
2013/11/30 职场文书
迎新晚会邀请函
2014/02/01 职场文书
你的创业计划书怎样才能打动风投
2014/02/06 职场文书
2014年业务工作总结
2014/11/17 职场文书
优秀教育工作者事迹材料
2014/12/24 职场文书
谢师宴答谢词
2015/01/05 职场文书
放假通知
2015/04/14 职场文书
Python超详细分步解析随机漫步
2022/03/17 Python