jquery weather 天气显示控件

作者官方网站：

http://lab.julying.com/weather/

原理是使用 调用作者 新浪上的 api 返回天气各 参数 并集成jquery 显示。

关键js：

jquery.weather.build.js

jquery.weather.js

jquery.weather.js  该js中可更改 

//原型
Weather.prototype = {

中的方法，使显示页面自定义。

调用实例：

jquery.weather.build.js 中 include 了 weather.js

更改 weather.js 中的init  方法 即可更改显示样式，取消原来点击图表才显示具体数据的样式，直接显示数据：

init : function(config){
			//天气预报信息，此数据来源于中国气象网
			var weatherInfo = this.opts.weatherData || {},
				//IE、Firefox 旧版本 对于字符串拼接很慢，用数组很快 
				html = [],
				//当前天气子节点数量
				skyState_child_length = ( this.skyState || '' ).length ,
				templeteHtml = '
{#city#}{#date#}
{#day#} : {#day_weather#}/{#day_temp#}{#temp#}
{#night#} : {#night_weather#}/{#night_temp#}{#temp#}
julying
',
				i = 0
			;
			for( ; i < skyState_child_length ; i++){
				html.push('
');			
				if( weatherInfo.city ){
				
				}
				html.push('
');
			};
			
			this.$element.append(templete( templeteHtml, {
						'{#city#}' : weatherInfo.city,
						'{#date#}' : weatherInfo.date,
						'{#day#}' : config.lang.day ,
						'{#day_weather#}' : weatherInfo.day_weather ,
						'{#day_temp#}' : weatherInfo.day_temp,
						'{#temp#}' : config.lang.temp,
						'{#day_wind#}' : weatherInfo.day_wind,
						'{#night_weather#}' : weatherInfo.night_weather,
						'{#night#}' : config.lang.night ,
						'{#night_temp#}' : weatherInfo.night_temp,
						'{#wangzimo#}' : config.lang.wangzimo 
					})  );	
			this.$element.append( html.join('') );	
			html = null ;	
			this.$weatherArea = this.$element.find('div.julying-weather');	
			this.$weather = this.$element.find('.sky');	
			
			this.moveIcon();
			this.creatDrop();
			if( this.opts.drag ){
				this.dragWeather();
			}
			return this ;
		},