php旅游网站景区天气插件,jquery天气插件

插件描述：一个简单的jQuery插件可以显示当前的天气信息，使用雅虎天气的任何位置。

一个简单的jQuery插件可以显示当前的天气信息，使用雅虎天气的任何位置。开发者James Fleeting。下载最新的版本，阅读文档或浏览常见问题解答simpleweather.js。下面你会发现使用simpleWeather.js的一个例子。

用法

只需在您的网站jquery.simpleWeather.js。然后初始化simpleWeather，设置您的WOEID，美国邮递区号或位置，添加一个div与``天气的ID(或任何你想要的，只是改变它在init)。

html

cssbody {

font: 13px 'Open Sans', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;

background: #0091c2;

}

#weather {

width: 425px;

margin: 0px auto;

text-align: center;

text-transform: uppercase;

}

#weather h2 {

margin: 0 0 8px;

color: #fff;

font-size: 150px;

font-weight: 300;

text-align: center;

text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);

}

#weather ul {

margin: 0;

padding: 0;

}

#weather li {

background: #fff;

background: rgba(255,255,255,0.90);

padding: 20px;

display: inline-block;

border-radius: 5px;

}

#weather .currently {

margin: 0 20px;

}

js$(document).ready(function() {

$.simpleWeather({

zipcode: '',

woeid: '2357536',

location: '',

unit: 'f',

success: function(weather) {

html = '

'+weather.temp+'°'+weather.units.temp+'

html += '

'+weather.city+', '+weather.region+'';

html += '

'+weather.currently+'';

html += '

'+weather.tempAlt+'°C';

$("#weather").html(html);

error: function(error) {

$("#weather").html('

'+error+'

');

}

});

php旅游网站景区天气插件,jquery天气插件相关推荐

SlidesJS基本使用方法和官方文档解释【Jquery幻灯片插件 Jquery相册插件】
SlidesJS基本使用方法和官方文档解释 [Jquery幻灯片插件 Jquery相册插件] 标签: jquery文档functionstringdiv相册 2012-04-19 15:23 3931 ...
jquery php 分页插件,jQuery 分页插件代码
jQuery 分页插件代码 js代码 var newlist = new Vue({ el: '#app', data: { current_page: 1, //当前页 pages: 50, //总 ...
php幻灯片的插件,jQuery幻灯片插件Flickerplate
简介 Flickerplate 是一个基于 jQuery 的幻灯片插件,压缩后仅 6KB.它支持左右箭头控制.圆点导航.自动播放.主题设置.HTML data 属性等等. 兼容浏览器兼容:Flick ...
php旅游网站景区天气插件,网页实时天气插件
我写了一个Javascript的小程序,可以在网页上实时显示天气信息.效果如下: 有兴趣的朋友,可以下载源文件. 由于我是第一次发布自己写的程序,写得不好之处,还请大家多批评. (完) 附:reade ...
java毕业设计 springboot旅游网站景区景点购票系统 springboot毕业设计题目课题选题 springboot毕业设计项目作品源码（1）开题报告
html怎么引入圆角插件,jQuery圆角插件demo页面张鑫旭-鑫空间-鑫生活
Auto-Ready! 一.可用的模式默认的圆角样式表现round Round $(this).corner(); Bevel $(this).corner("bevel"); ...
jQuery插件 -- jQuery UI插件
jQuery UI 主要分为3个部分: 交互.微件和效果库交互:这里都是一些与鼠标交互相关的内容.包括拖动(Draggable).置放(Doppable).缩放(Resizable).选择(Sele ...
html ppt 插件,jquery幻灯片插件slidr.js
插件描述:一个简单的,轻量级的JavaScript库添加幻灯片切换到您的网页,无依赖. 特点添加尽可能多的Slidr的,只要你想. 动态调整大小 - 适应其内容的大小,除非你不想要它. 键盘导航 ...
php jq截图插件,jQuery jcrop插件截图使用方法_jquery
在后台来进行图片切割. 头像截取的原理:在前台使用jcrop获取切面的x轴坐标.y轴坐标.切面高度.切面宽度,然后将这四个值传给后台.在后台要进行放大处理:将切面放大N倍,N=原图/前台展示的头像. ...

php旅游网站景区天气插件,jquery天气插件

'+weather.temp+'°'+weather.units.temp+'

php旅游网站景区天气插件,jquery天气插件相关推荐

最新文章

热门文章