高品质度假公寓_家庭旅馆_日租房_短租房

上一张图片下一张图片

热门目的地

<div class="grid_24 title ">
        <h2>热门导航</h2>
        <div class="dn"><a href="#" target="_blank" class="more">更多</a><img src="http://staticfile.tujia.com/portalsite2/images/aico01.gif" alt="" width="3" height="5" /></div>
    </div>
    <div class="grid_24" id="menu">
        <div class="menuBoxUl" id="menuBox">
        <ul class="clearfix">
            
                <li><a href="/Home/CityKeywords/1">三亚</a></li>
            
                <li><a href="/Home/CityKeywords/7">杭州</a></li>
            
                <li><a href="/Home/CityKeywords/6">黄山</a></li>
            
                <li><a href="/Home/CityKeywords/9">南京</a></li>
            
                <li><a href="/Home/CityKeywords/2">博鳌(琼海)</a></li>
            
                <li><a href="/Home/CityKeywords/13">周庄</a></li>
            
                <li><a href="/Home/CityKeywords/3">五指山</a></li>
            
                <li><a href="/Home/CityKeywords/5">陵水</a></li>
            
                <li><a href="/Home/CityKeywords/4">文昌</a></li>
            
                <li><a href="/Home/CityKeywords/10">成都</a></li>
            
                <li><a href="/Home/CityKeywords/12">丽江</a></li>
            
        </ul>
        <div class="cor" id="tabcor">
            <span class="curLeft"></span>
            <span class="curRight"></span>
            <em></em>
        </div>
        </div>
        <div class="menuContent" id="menuContent"></div>
    </div>
	<script type="text/javascript">
	    // tabs
	    var currentTab = [];
	    $("#menuBox ul").tabs("#menuContent", {
	        effect: 'ajax',
	        onBeforeClick: function (evt, index) {
	            var prevTab = currentTab[0],
	                $tabElem = this.getTabs().eq(index).parent(),
	                tabW = $tabElem.outerWidth(true) + 1;
	            pos = $tabElem.position();

if (prevTab) {
	                prevTab.removeClass();
	                currentTab = [];
	            }

currentTab.push($tabElem);
	            $("#tabcor").width(tabW).css("left", pos.left);
	            this.getTabs().eq(index).parent().addClass("current-cat");
	        }
	    });
	</script>

<div class="grid_24"  id="tabBox">
        <ul class="tabBoxUl clearfix" id="tabBoxWrap">
            <li data-rel="#tabBox_content_01">为什么选择途家</li>
            <li data-rel="#tabBox_content_02">为什么选择度假公寓</li>
        </ul>
        <div id="tabBox_content">
            <div class="tabBox_content clearfix">
                <div class="pt">
                    <div><img src="http://staticfile.tujia.com/portalsite2/images/ico02.png" alt="高品质度假公寓" title="高品质度假公寓" width="30" height="31" /></div>
                    <h4><a href="http://content.tujia.com/tujia.shtml#gongyu"  target="_blank">高品质度假公寓</a></h4>
                    <p>房源均位于高档社区，五星级酒店用品配<br />备，个性化自助旅游</p>
                </div>
                <div class="pt" id="box">
                    <div><img src="http://staticfile.tujia.com/portalsite2/images/ico04.png" alt="专业服务团队" title="专业服务团队" width="30" height="31" /></div>
                    <h4><a href="http://content.tujia.com/tujia.shtml#tuangdui"  target="_blank">专业服务团队</a></h4>
                    <p>由专业的度假公寓管理公司打理，可提供接机<br />等一站式服务，7×24小时400电话客服</p>
                </div>
                <div class="pt transparent">
                    <div><img src="http://staticfile.tujia.com/portalsite2/images/ico03.png" alt="安全满意" title="安全满意" width="30" height="31" /></div>
                    <h4><a href="http://content.tujia.com/tujia.shtml#manyi"  target="_blank">安全满意</a></h4>
                    <p>携程网战略合作伙伴，交易安全，<br />接受中消协监督指导的先行赔付保障体系</p>
                </div>
            </div>
            <div class="tabBox_content clearfix">
                <div class="pt tabColumn01">
                    <div><img src="http://staticfile.tujia.com/portalsite2/images/ico9.png" alt="居家体验" title="居家体验" width="30" height="31" /></div>
                    <h4><a href="http://content.tujia.com/residence.shtml"  target="_blank">居家体验</a></h4>
                    <p>可以洗衣做饭的度假公寓<br />家一般的感觉</p>
                </div>
                <div class="pt tabColumn02">
                    <div><img src="http://staticfile.tujia.com/portalsite2/images/ico10.png" alt="物超所值" title="物超所值" width="30" height="31"  /></div>
                    <h4><a href="http://content.tujia.com/residence.shtml"  target="_blank">物超所值</a></h4>
                    <p>只要酒店价格的60%<br />更加超值</p>
                </div>
                <div class="pt tabColumn03">
                    <div><img src="http://staticfile.tujia.com/portalsite2/images/ico11.png" alt="房型多样" title="房型多样" width="30" height="31"  /></div>
                    <h4><a href="http://content.tujia.com/residence.shtml"  target="_blank">房型多样</a></h4>
                    <p>从一室一厅到豪华别墅<br />风格多样</p>
                </div>
				 <div class="pt tabColumn04 transparent">
                    <div><img src="http://staticfile.tujia.com/portalsite2/images/ico12.png" alt="自在私密" title="自在私密" width="30" height="31"  /></div>
                    <h4><a href="http://content.tujia.com/residence.shtml"  target="_blank">自在私密</a></h4>
                    <p>相比传统酒店的开放式<br />度假公寓更加私密自在</p>
                </div>
            </div>
        </div>
    </div>
	<script type="text/javascript">
	    $("#tabBoxWrap").tabs("#tabBox_content > div");
	</script>