jquery 天气

简介: 引用:http://www.codefans.net/jscss/code/3652.shtml MJBlog天气预报-jQuery版//创建天气预报核心对象var weather_=new weather();var city = "";$(document).

引用:http://www.codefans.net/jscss/code/3652.shtml

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>MJBlog天气预报-jQuery版</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="/jscss/demoimg/201208/weather_mj.js" language="javascript"charset="UTF-8"></script>
<script type="text/javascript">
//创建天气预报核心对象
var weather_=new weather();
var city = "";
$(document).ready(function(){
$.getScript('http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js',function(){
city=remote_ip_info.city;
jintian();
$(".city").html(remote_ip_info.city);
})
});
</script>
<style type="text/css">
.weather{ float:left; color:#333333; padding:10px;}
.weather a{ color:#333333;}
.wt{line-height:17px; font-size:12px; float:left; padding:3px 5px; text-align:center;}
.wtimg{ vertical-align:middle;padding:0px 1px; margin:0PX auto;}
</style>
</head>
<body>
<div>当前城市:<span class="city"></span></div>
<div class="weather">
<div class="wtimg" id="T_weather_img"></div>
<div class="wt">今 天<br /><span id="T_weather"></span><br /><span id="T_temperature"></span><br/><span id="T_direction"></span><br/><span id="T_wind"></span></div>
</div>
<div class="weather">
<div class="wtimg" id="M_weather_img"></div>
<div class="wt">明 天<br /><span id="M_weather"></span><br /><span id="M_temperature"></span><br/><span id="M_direction"></span><br/><span id="M_wind"></span></div>
</div>
<div class="weather">
<div class="wtimg" id="L_weather_img"></div>
<div class="wt">后 天<br /><span id="L_weather"></span><br /><span id="L_temperature"></span><br/><span id="L_direction"></span><br/><span id="L_wind"></span></div>
</div>
</div>
</body>
</html>

相关文章
|
7月前
|
JavaScript
jQuery 选择水果小案例
jQuery 选择水果小案例
32 0
|
28天前
|
JavaScript
初识jQuery的案例
初识jQuery的案例
6 0
|
3月前
|
JSON 前端开发 JavaScript
使用JavaScript制作一个简单的天气应用
使用JavaScript制作一个简单的天气应用
|
4月前
|
JavaScript
jQuery基本案例
jQuery基本案例
22 0
|
6月前
|
JavaScript
jQuery事件&插画
jQuery事件&插画
|
8月前
|
JavaScript 前端开发 数据安全/隐私保护
jquery,一些案例
JQuery 引入 语法 隐藏 选择器 事件 效果 显示与隐藏 淡入与淡出 滑动 动画 停止滑动 callback函数 jQuery Chaining 获取 获取属性 - attr() 设置 添加 jQuery append() 方法 jQuery prepend() 方法 jQuery after() 和 before() 方法 删除 jQuery remove() 方法 jQuery empty() 方法 css类 jQuery addClass() 方法 jQuery removeClass() 方法 jQuery toggleClass() 方法 一些案例 倒计时 动态生成表格
38 0
|
12月前
|
前端开发 JavaScript
JQuery——BreakingNews.js新闻滚动效果
BreakingNews.js新闻滚动效果
57 0
|
12月前
|
JavaScript 前端开发
【jQuery案例】手风琴
通过jQuery实现交互效果。当鼠标指针移动到小方块时,触发鼠标指针移入事件。利用选择器获取到页面中的小方块时,通过fadeIn()和fadeOut()方法控制方块的显示与隐藏。
71 0
|
JavaScript
《锋利的jquery》认识jquery总结
《锋利的jquery》认识jquery总结
85 0