导航菜单
<div style="clear: both;"></div>
<div class="menu">
<div>
<div class="menuTover"><span>楼盘简介</span></div>
<div class="menuC">
<p>通润银座一至三层为沿西湖大道黄金商铺，四至五层为办公区域，并在一楼设置单独的入口门厅，进行人员有效分流，保证上层公寓的私密专属。六至十一层为办</p>
</div>
</div>
<div>
<div class="menuTover"><span>楼盘最新消息</span></div>
<div class="menuC">
<ul>
<li>楼市中心精装修单身公寓项目通润银座6月24日开盘</li>
<li>楼市中心精装修单身公寓项目通润银座6月24日开盘</li>
<li>楼市中心精装修单身公寓项目通润银座6月24日开盘</li>
<li>楼市中心精装修单身公寓项目通润银座6月24日开盘</li>
</ul>
</div>
</div>
<div>
<div class="menuTover"><span>楼盘详细信息</span></div>
<div class="menuC">
<ul>
<li>物业类型：普通</li>
<li>装修程度：精装</li>
<li>附属学校：杭州第六中学</li>
<li>开盘时间：2009-04-20</li>
<li>交房时间：2010-03-17</li>
<li>绿 化 率：20%</li>
<li>容 积 率：4.50%</li>
<li>开 发 商：杭州南都佑圣房地产开发有限公司</li>
<li>物业公司：杭州通润物业管理有限公司</li>
<li>物 业 费：4.50元/平方米/月</li>
<li>楼盘地址：市中心板块上城区西湖大道与佑圣观路交叉口</li>
</ul>
</div>
</div>
<div>
<div class="menuTover"><span>楼盘周边设施</span></div>
<div class="menuC">
<ul>
<li><span>医院</span>杭州市第三医院<label>4860米</label></li>
<li><span>购物</span>杭州解百商城<label>4860米</label></li>
<li><span>购物</span>家乐福涌金广场<label>4860米</label></li>
<li><span>银行</span>中国银行<label>4860米</label></li>
<li><span>银行</span>建设银行<label>4860米</label></li>
</ul>
</div>
</div>
<div>
<div class="menuTover"><span>楼盘地图</span></div>
<div class="menuC" style="padding:0;">
<img src="images/map.gif" />
</div>
</div>
<div style="clear: both;"></div>
<div>
<div class="menuTover"><span>楼盘相册</span></div>
<div class="menuC">
<ul>
<li class="submenu"><img src="images/lp014.gif" /><a href ="#">户型图</a></li>
<li class="submenu"><img src="images/lp014.gif" /><a href ="#">沙盘图</a></li>
<li class="submenu"><img src="images/lp014.gif" /><a href ="#">效果图</a></li>
</ul>
</div>
</div>
<div style="clear: both;"></div>
<div>
<div class="menuTover"><span>楼盘点评(10)</span></div>
<div class="menuC">
<li class="submenu" style="border-bottom:1px solid #fff;"><img src="images/lp014.gif" /><p>150****1969<span>@东方金座</span> 环境好，周边配套好.交通生活方便，户型都比较正气 环境好,周边配套好.交通生活方便，户型都比较正气</p><label>38分钟以前</label></li>
<li class="submenu" style="border-bottom:1px solid #fff;"><img src="images/lp014.gif" /><p>150****1969<span>@东方金座</span> 环境好，周边配套好.交通生活方便，户型都比较正气 环境好,周边配套好.交通生活方便，户型都比较正气</p><label>38分钟以前</label></li>
<li class="submenu" style="border-bottom:1px solid #fff;"><img src="images/lp014.gif" /><p>150****1969<span>@东方金座</span> 环境好，周边配套好.交通生活方便，户型都比较正气 环境好,周边配套好.交通生活方便，户型都比较正气</p><label>38分钟以前</label></li>
<li class="submenu" style="border-bottom:1px solid #fff;"><img src="images/lp014.gif" /><p>150****1969<span>@东方金座</span> 环境好，周边配套好.交通生活方便，户型都比较正气 环境好,周边配套好.交通生活方便，户型都比较正气</p><label>38分钟以前</label></li>
<li class="submenu" style="border-bottom:1px solid #fff;"><img src="images/lp014.gif" /><p>150****1969<span>@东方金座</span> 环境好，周边配套好.交通生活方便，户型都比较正气 环境好,周边配套好.交通生活方便，户型都比较正气</p><label>38分钟以前</label></li>
</div>
</div>
</div>
<script language="javascript" type="text/javascript">
$("#my_menu").ready(function () {
$(".menuTover").each(function (i, e) {
if (i == 0) {
$(e).removeClass().addClass("menuTon");
$(e).next().css("display", "");
} else {
$(e).next().css("display", "none");
}
$(e).click(function () {
$(".menuTon").each(function (iL, eL) {
$(eL).removeClass().addClass("menuTover");
$(eL).next().css("display", "none");
});
$(e).removeClass().addClass("menuTon");
$(e).next().css("display", "");
});
});
});
</script>
</div>
<div style="clear: both;"></div>
