JQuery实现简单小农场
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>我的开心小农场</title>
<style type="text/css">
div{
font-size:12px;
border:#999 1px solid;
padding:5px;
}
#bg{ /*控制页面背景*/
width:456px;
height:266px;
background-image:url(plowland.jpg);
}
img{ /*控制图片*/
position:absolute;
top:85px;
left:195px;
}
#seed{ /*控制播种按钮*/
background-image:url(btn_seed.png);
width:56px;
height:56px;
position:absolute;
top:229px;
left:49px;
cursor:hand;
}
#grow{ /*控制生长按钮*/
background-image:url(btn_grow.png);
width:56px;
height:56px;
position:absolute;
top:229px;
left:154px;
cursor:hand;
}
#bloom{ /*控制开花按钮*/
background-image:url(btn_bloom.pn