本文目录一览：

• 1、jquery实现天气预报麻烦吧html和css也带上
• 2、jquery中调用天气预报API（ajax）
• 3、谁有 js，jq，等等 *** 动态获取 天气预报？只要对我有帮助的
• 4、如何利用jquery+json *** 天气预报
• 5、jquery ajax如何查询城市实现天气预报 用C#实现
• 6、用Jquery调用天气预报API

jquery实现天气预报麻烦吧html和css也带上

这是一款非常有意思的纯CSS3扁平风格天气预报卡片动画特效。该天气预报特效将各种天气 *** 为卡片形式，包括下雨，闪电，白天，夜间和下雪。卡片使用扁平化风格，并使用CSS3帧动画来 *** 各种动画效果。

*** ***

HTML结构

该特效的HTML结构采用无序列表的HTML结构，其中每一个li.card元素代表一种卡片。

ul class="855d-b2da-11c9-f3f8 card-list"

li class="b2da-11c9-f3f8-73c9 card"

div class="11c9-f3f8-73c9-21cd card-color color-rain"

div class="f3f8-73c9-21cd-b877 rain"/div

/div

div class="73c9-21cd-b877-0974 card-info"

p63 ℉/p

plow of 61 ℉/p

/div

/li

......

/ul

复制代码

CSS样式

首先给卡片一些基本样式。

.card {

jquery中调用天气预报API（ajax）

$.getScript('', function(_result) {

if (remote_ip_info.ret == '1') {

$.ajax({

type: "GET",

url: ""+remote_ip_info.city,

data: "",

success: function(msg){

console.log(msg);

}

});

}

});

谁有 js，jq，等等 *** 动态获取 天气预报？只要对我有帮助的

//这是我以前开发天气wedget的时候写过的代码，原理是连接到yahoo api(返回XML)，先用cityCode查国家 然后用woeid查地方，这是测试时写过的代码。Yahoo 天气api 好像一部分收费 最后没用yahoo 用 weatherbug的api 那个代码忘了存在哪里了，如果 非常着急的话在跟我说吧 我给你找找，还有调用api的原理，一般不会直接调用api 因为每个人访问时都调用一次的话系统受不了。更好写个windows service 每个一段时间调用一次api然后以.xml形式存放到一个文件夹，在系统中只调用xml文件就好了。如果api一时访问不到了也不会出问题。

才看到你想要的是前台代码， 这是后台的

private string GetWeather(string cityCode)

{

string weather = string.Empty;

if (cityCode == "" || string.IsNullOrEmpty(cityCode)) { cityCode = "seoul"; }

XmlDocument document1 = new XmlDocument();

document1.Load(" * from geo.places where text=" + cityCode + "format=xml");

XmlNodeList nodes1 = document1.GetElementsByTagName("woeid");

string strWoeid = nodes1[0].InnerText;

XmlDocument document = new XmlDocument();

document.Load("" + strWoeid + "u=c");

XmlNodeList nodes = document.GetElementsByTagName("forecast",

@"");

foreach (XmlNode node in nodes)

{

Console.WriteLine("日期:{0},星期:{1},天气:{2},温度:{3}°C 至 {4}°C",

node.Attributes["date"].InnerText,

node.Attributes["day"].InnerText,

node.Attributes["text"].InnerText,

node.Attributes["low"].InnerText,

node.Attributes["high"].InnerText);

//FToC(int.Parse(node.Attributes["low"].InnerText)),

// FToC(int.Parse(node.Attributes["high"].InnerText)));

// //woeid

// // * from geo.places where text="Wonju"format=xml

}

return weather;

}

如何利用jquery+json *** 天气预报

用$.ajax的jsonp *** 请求外部提供的天气预报json文件，返回的数组根据你的需要操作。

jquery ajax如何查询城市实现天气预报 用C#实现

首先搜索免费webservice接口，找到天气预报，然后在项目里添加服务引用。

在地址一栏添你网上搜到的XXXX.a *** x，点转到下面会多个服务，以后点确定。

然后在新窗口new一个类，就可以调用 *** 了。

用Jquery调用天气预报API

$.getScript('', function(_result) {

if (remote_ip_info.ret == '1') {

$.ajax({

type: "GET",

url: ""+remote_ip_info.city,

data: "",

success: function(msg){

console.log(msg);

}

});

}

});