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>

相关文章
|
JavaScript
jQuery 选择水果小案例
jQuery 选择水果小案例
78 0
|
XML SQL 前端开发
JQuery Ajax实现三级联动
本文实例为大家分享了ajax实现三级联动的具体代码
|
前端开发 JavaScript
JQuery——BreakingNews.js新闻滚动效果
BreakingNews.js新闻滚动效果
112 0
|
JavaScript 前端开发
【jQuery案例】手风琴
通过jQuery实现交互效果。当鼠标指针移动到小方块时,触发鼠标指针移入事件。利用选择器获取到页面中的小方块时,通过fadeIn()和fadeOut()方法控制方块的显示与隐藏。
|
JavaScript
《锋利的jquery》认识jquery总结
《锋利的jquery》认识jquery总结
113 0
|
JavaScript 前端开发
jQuery实现2048游戏
整体思路: 1. 基础设置:游戏的背景是一个4*4的格子背景, 游戏中分别有2、4、8、16等不同的色块,每种色块的颜色由js脚本来控制。 游戏界面 2. 游戏开始: 游戏开始的时候,进行初始化操作。
1049 0
|
JavaScript
JQuery 网页瞄点
$("html,body").animate({ scrollTop: $("#Content1").offset().top }, 3000);   代码说明:html里边的body执行一个动画,执行到#Content1 这个元素,也就是说切换到这个元素的地方   和a标签的href属性的效...
773 0
|
JavaScript 前端开发
《jQuery、jQuery UI及jQuery Mobile技巧与示例》——7.5 技巧:使用日历微件选择日期
这些选项用于更改日历上按钮的文字。closeText选项更改关闭按钮上的文字,默认值是Done。currentText选项更改用于当天的文字,默认值是Today。prevText选项更改上一月链接的文字,默认是Prev。
1908 0
|
JavaScript 前端开发 Android开发
《jQuery、jQuery UI及jQuery Mobile技巧与示例》——9.7 技巧:指定过渡动画
当点击一个会使用AJAX加载页面的内部链接时,jQuery Mobile提供了过渡动画。默认情况下,你会看到页面滑向左侧。jQuery Mobile准备了少量的默认动画供你选择。它们是pop、slidefade、slide、slideup、slidedown、fade和flip。
1739 0

相关课程

更多