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


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 相关文章推荐
为Extjs加加速(javascript加速)
Aug 19 Javascript
为何JS操作的href都是javascript:void(0);呢
Nov 12 Javascript
JavaScript函数节流概念与用法实例详解
Jun 20 Javascript
loading动画特效小结
Jan 22 Javascript
JavaScript中最常用的10种代码简写技巧总结
Jun 28 Javascript
javaScript之split与join的区别(详解)
Nov 08 Javascript
webpack打包js文件及部署的实现方法
Dec 18 Javascript
javascript用rem来做响应式开发
Jan 13 Javascript
webpack4 处理SCSS的方法示例
Sep 03 Javascript
微信小程序scroll-view横向滑动嵌套for循环的示例代码
Sep 20 Javascript
tsconfig.json配置详解
May 17 Javascript
javascript实现抢购倒计时程序
Aug 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
处理php自动反斜杠的函数代码
2010/01/05 PHP
php addslashes和mysql_real_escape_string
2010/01/24 PHP
php抓取页面的几种方法详解
2013/06/17 PHP
php实现可以设置中奖概率的抽奖程序代码分享
2014/01/19 PHP
PHP实现的自定义数组排序函数与排序类示例
2016/11/18 PHP
nodejs中exports与module.exports的区别详细介绍
2013/01/14 NodeJs
利用NodeJS的子进程(child_process)调用系统命令的方法分享
2013/06/05 NodeJs
JavaScript实现QueryString获取GET参数的方法
2013/07/02 Javascript
浅谈关于JavaScript API设计的一些建议和准则
2015/06/24 Javascript
javascript实现网页背景烟花效果的方法
2015/08/06 Javascript
基于HTML模板和JSON数据的JavaScript交互(移动端)
2016/04/06 Javascript
jQuery ajax中使用confirm,确认是否删除的简单实例
2016/06/17 Javascript
vue如何判断dom的class
2018/04/26 Javascript
Vue中的scoped实现原理及穿透方法
2018/05/15 Javascript
vue实现公告栏文字上下滚动效果的示例代码
2020/06/16 Javascript
彻底搞懂并解决vue-cli4中图片显示的问题实现
2020/08/31 Javascript
vue使用Sass时报错问题的解决方法
2020/10/14 Javascript
vue中封装axios并实现api接口的统一管理
2020/12/25 Vue.js
[02:48]DOTA2英雄基础教程 拉席克
2013/12/12 DOTA
Python常用随机数与随机字符串方法实例
2015/04/09 Python
对变量赋值的理解--Pyton中让两个值互换的实现方法
2017/11/29 Python
解决Pycharm中import时无法识别自己写的程序方法
2018/05/18 Python
python dataframe 输出结果整行显示的方法
2018/06/14 Python
pyqt5实现俄罗斯方块游戏
2019/01/11 Python
python仿抖音表白神器
2019/04/08 Python
pandas实现将dataframe满足某一条件的值选出
2019/06/12 Python
python中metaclass原理与用法详解
2019/06/25 Python
Django如何实现网站注册用户邮箱验证功能
2019/08/14 Python
python如何输出反斜杠
2020/06/18 Python
十佳青年个人事迹材料
2014/01/28 职场文书
2015年采购工作总结
2015/04/10 职场文书
开国大典观后感
2015/06/04 职场文书
幼儿园奖惩制度范本
2015/08/05 职场文书
2016参观监狱警示教育活动心得体会
2016/01/15 职场文书
告诉你一个秘密:富人致富的五大优点
2019/07/11 职场文书
zabbix自定义监控nginx状态实现过程
2021/11/01 Servers