可以放在页面任何地方de 天气插件

<!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>

时间: 2024-08-10 21:30:21

可以放在页面任何地方de 天气插件的相关文章

如何将脚本放在页面里?

用JS脚本书写文字的方法,下面是一个简单的例子: ============================================== 脚本代码: <SCRIPT LANGUAGE="javascript"> document.write("<FONT COLOR='RED'>这是红色的字</FONT>") </SCRIPT> ==========================================

jquery实现的点击页面其他地方隐藏显示的元素

jquery实现的点击页面其他地方隐藏显示的元素:在实际应用中,可能有这样的效果,那就是有这样一个弹出层,点击层本身的时候,这个层不会隐藏,而点击除去层之外的页面其他地方则会将这个层隐藏,下面就通过代码实例介绍一下如何实现此效果.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="

jquery实现点击页面其他地方隐藏指定元素

jquery实现点击页面其他地方隐藏指定元素:在很多效果中,都有这样的功能,当点击页面的其他地方时,能够隐藏一个指定的元素,例如在模拟实现的select下拉菜单效果中,当下拉菜单出现的时候,我们往往希望当点击页面其他地方的时候,能够隐藏下拉条,下面就通过一个实例单独介绍一下如何实现此功能.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name=

单击页面任何地方关闭隐藏层

单击页面任何地方关闭隐藏层的一种新的实现方法,有需要得朋友可以参考对比一下,可以自己在此基础上扩展相关功能.(也可以在框架页中绑定单击事件,自己加一下即可.) <!doctype html> <html> <head> <meta charset="utf-8"> <title>单击页面任何地方关闭隐藏层</title> <script type="text/javascript">

Android应用源码之仿墨迹天气插件

Android应用源码之仿墨迹天气插件 仿照墨迹天气的桌面小插件例子源码. 下载地址:http://www.dwz.cn/Cox82 运行截图:

JS实现跳转到页面任何地方

要实现两个内容: 1.从A页面跳转到B页面任何地方 方法:用id对要跳转的地方进行标记. 首先,在A页面可以设一个链接 1 <a href = "b.html#pos" target = "_blank">点击跳转</a> 然后在B页面要跳转的地方 <div id = "pos"></div> 这样就成功实现跳转. 2.从B页面某处跳转到该页面任何地方 方法:与上述思路一样,但如果是按钮的话需要添加

点击页面其它地方隐藏该div的方法

思路一 第一种思路分两步 第一步:对document的click事件绑定事件处理程序,使其隐藏该div 第二步:对div的click事件绑定事件处理程序,阻止事件冒泡,防止其冒泡到document,而调用document的onclick方法隐藏了该div. <script type="text/javascript"> function stopPropagation(e) { if (e.stopPropagation) e.stopPropagation(); else

纯客户端页面关键字搜索高亮jQuery插件

一.效果抢鲜展示 此插件是我今天下午写的,为了直观地看到是个什么东东,先展示效果,您可以狠狠地点击这里:搜索页面文字jQuery插件Demo 下图为Demo页面的两个测试截图 – 测试页面HTML代码取自豆瓣网帮助页面: 下载 您可以狠狠地点击这里:jquery.textSearch-1.0.js 文件较小,功能简单,恕不打包~~ 二.功能简述 从上图也应该看出来了,就是对HTML页面上的文字内容进行高亮标记,这个可以用在内容搜索上.纯粹的客户端程序,与后台一点瓜葛都没有. 三.如何使用 使用方

点击页面其它地方隐藏该div的两种思路

第一种思路分两步 第一步:对document的click事件绑定事件处理程序,使其隐藏该div 第二步:对div的click事件绑定事件处理程序,阻止事件冒泡,防止其冒泡到document,而调用document的onclick方法隐藏了该div. $(document).bind('click',function(){ $('#test').css('display','none'); }); $('#test').bind('click',function(e){ stopPropagati