HTML5期末大作业：酒店主题网站设计——酒店阳光温馨网站(5页) HTML+CSS+JavaScript 期末作业HTML代码 学生网页课程设计期末作业下载 web网页设计制作成品
常见网页设计作业题材有
个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!1.临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大？HTML网页作业无从下手？ 网页要求的总数量太多？
2.没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求~
3.原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，这是一个不错的网页制作，画面精明，非常适合初学者学习使用。
作品介绍
1.网页作品简介 ：HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载，文章页支持手机PC响应式布局。总共5个页面。
2.网页作品编辑：此作品为学生期末大作业网页设计题材，代码为简单学生水平 html+css 布局制作，作品下载后可使用任意HTML编辑软件（例如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML软件编辑修改网页）。
3.网页作品布局：网页布局整体为响应式布局、LOGO、导航、主体内容布局。子页面多种布局，兴趣爱好内容使用图片列表布局，成绩页面插入了表格，联系我们使用图片对齐方式设置了左对齐。
4.网页作品技术：使用DIV+CSS制作网页, 背景图、音乐、视频、flash、鼠标经过及选中导航变色效果、下划线 、等。 表单提交、评论留言，并使用JavaScript制作了表单判断（提交时表单不能为空）。
文章目录
- HTML5期末大作业：酒店主题网站设计——酒店阳光温馨网站(5页) HTML+CSS+JavaScript 期末作业HTML代码 学生网页课程设计期末作业下载 web网页设计制作成品
- 作品介绍
- 一、作品展示
- 1.首页
- 2.服务
- 3.关于
- 4.联系
- 二、文件目录
- 三、代码实现
- 四、web前端(学习资料)
- 五、源码获取
- 六、更多源码
一、作品展示
1.首页
2.服务
3.关于
4.联系
二、文件目录
三、代码实现
<html>
<head>
<!-- 启用极速模式(webkit) -->
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<!-- -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Happy酒店展示网站模板,响应式模板,自适应Happy酒店展示模板,网页模板,html5网站,模板下载,建站宝盒,个性网站模板,精美模板,中文网站模板,企业网">
<meta name="description" content="Happy酒店展示模板是建站宝盒提供的一套精美响应式网站模板，模板编号H1041，红色色系。建站宝盒提供上千套全行业企业网站模板，支持最新Html5自适应页面技术，模板精美大气，模板类型覆盖全行业、全色系，其中包含有电脑网站模板、手机网站模板和微网站模板，建站宝盒淘模板市场亦可购买到精美网站模板。">
<title>Happy酒店展示网站模板,Happy酒店展示响应式网站模板,html5网页模板下载-建站宝盒模板H1041</title>
<link rel="shortcut icon" type="image/x-icon" href="img/upimages/favicon.ico" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no" />
<meta name='apple-touch-fullscreen' content='yes' />
<meta name="full-screen" content="yes">
<!-- SEO友好提示 -->
<meta name="applicable-device" content="pc,mobile">
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5shiv.js"></script>
<script type="text/javascript" src="js/respond.min.js"></script>
<![endif]-->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.lazyload.min.js"></script>
<script type="text/javascript" src="js/jquery.nicescroll.min.js"></script>
<script type="text/javascript" src="js/ubox.js" charset="utf-8"></script>
<script type="text/javascript" src="js/wow.js" charset="utf-8"></script>
<script type="text/javascript" src="js/alert.js" charset="utf-8"></script>
<script type="text/javascript" src="js/068085.js" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/animate.min.css" />
<link rel="stylesheet" type="text/css" href="css/box.css" />
<link rel="stylesheet" type="text/css" href="css/alert.css" />
<link rel="stylesheet" type="text/css" href="css/068085.css" />
<script>
//是否手机端判断
var ua = navigator.userAgent;
var ipad = ua.match(/(iPad).*OS\s([\d_]+)/),
isIphone = !ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/),
isAndroid = ua.match(/(Android)\s+([\d.]+)/),
isMobile = isIphone || isAndroid;
if (isMobile) {
$("head").append("<meta content='width=320,user-scalable=no' name='viewport'>");
} else {
$("head").append("<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' name='viewport' />");
}
</script>
<script>
if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
new WOW().init();
};
var DIY_WEBSITE_ID = "4117";
var DIY_JS_SERVER = "s143js.nicebox.cn";
</script>
</head>
<body>
<script type="text/javascript">
var Default_isFT = 0;
</script>
<script type="text/javascript" src="js/transform.js"></script>
<div id="comm_layout_header" class="layout none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div class="view_contents">
<div id="div_blank_1506302280144" class="view blank div none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="div" class="view_contents">
<!--
<a href="{imgOutPage}" style="display:block;width:100%;height:100%;" id="divnet"></a>
-->
</div>
</div>
<div id="div_a_includeBlock_1506302385689" class="view a_includeBlock div none includeView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="div" class="view_contents">
<div id="image_logo_1506303633135" class="view logo image none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="image" class="view_contents">
<div class="logoStyle modSet">
<a href='index.html' target="_self"><img class="imgSet" src="picture/logo.png@1506657700" title="" alt="" style="width:auto; height:100%; margin-left:0px" /></a>
</div>
</div>
</div>
<div id="dh_style_01_1506304247945" class="view style_01 dh none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="dh" class="view_contents">
<script></script>
<div id="menu" class="menu menuStyle_1">
<div class="menuLayout">
<ul class="miniMenu columnSet showmobile">
<li class="leftBox">
<div class="nav"></div>
<div class="sidebar icoMenuSet" onclick="setDhListen('style_01',this)">=</div>
<div class="menuScroll">
<ul class="menuUlCopy">
<li id="hot" class="rflex" pageid="68085" showmobile=""><a class="mainMenuSet" href="index.html">首页</a>
</li>
<li class="rflex" pageid="68079" showmobile=""><a class="mainMenuSet" href="yuding.html">预订</a>
</li>
<li class="rflex" pageid="68083" showmobile=""><a class="mainMenuSet" href="service.html">服务</a>
</li>
<li class="rflex" pageid="68081" showmobile=""><a class="mainMenuSet" href="about.html">关于</a>
</li>
<li class="rflex" pageid="68080" showmobile=""><a class="mainMenuSet" href="contact.html">联系</a>
</li>
</ul>
</div>
</li>
</ul>
<div class="menuUl_box columnSet showpc">
<ul class="menuUl dflex">
<!-- 168085 -->
<li id="hot" class="rflex" pageid="68085" showpc="">
<a class="mainMenuSet" href="index.html">首页</a>
</li>
<!-- 168079 -->
<li class="rflex" pageid="68079" showpc="">
<a class="mainMenuSet" href="yuding.html">预订</a>
</li>
<!-- 168083 -->
<li class="rflex" pageid="68083" showpc="">
<a class="mainMenuSet" href="service.html">服务</a>
</li>
<!-- 168081 -->
<li class="rflex" pageid="68081" showpc="">
<a class="mainMenuSet" href="about.html">关于</a>
</li>
<!-- 168080 -->
<li class="rflex" pageid="68080" showpc="">
<a class="mainMenuSet" href="contact.html">联系</a>
</li>
</ul>
</div>
</div>
</div>
<!-- 菜单区域 End-->
</div>
</div>
<div id="text_style_01_1506302481928" class="view style_01 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="text" class="view_contents">
地址：xxx
</div>
</div>
<div id="text_style_01_1506415745756" class="view style_01 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="text" class="view_contents">
电话预定：xxx
</div>
</div>
</div>
</div>
</div>
</div>
<div id="layout_1506302433605" class="layout none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div class="view_contents">
<div id="text_style_01_1506304859478" class="view style_01 text none wow fadeIn lockHeightView" data-wow-duration='1s' data-wow-delay='0.5s' data-wow-offset='0' data-wow-iteration='1'>
<div names="text" class="view_contents">
享受悠闲自在的生活，尽在Happy Hotel！
</div>
</div>
<div id="text_style_01_1506305107963" class="view style_01 text none wow fadeInUp lockHeightView" data-wow-duration='1s' data-wow-delay='0.8s' data-wow-offset='0' data-wow-iteration='1'>
<div names="text" class="view_contents">
引领/娱乐新时尚 打造/健康娱乐品牌
</div>
</div>
<div id="customForm_style_button_01_1506305493864" class="view style_button_01 customForm none wow rotateInUpRight lockHeightView" data-wow-duration='1s' data-wow-delay='1s' data-wow-offset='0' data-wow-iteration='1'>
<div names="customForm" class="view_contents">
<script>
function btnTop() {
$("html,body").animate({
scrollTop: "0px"
}, 1000);
}
function btnBottom() {
var bodyH = $("html,body").height();
$("html,body").animate({
scrollTop: bodyH
}, 1000);
}
</script><input type="button" name="" value="关于我们" class="squareButton btnaSet" onclick="location.href='about.html'" />
<script type="text/javascript">
if (typeof showcart !== 'function') {
function showcart() {
if (window.screen.width < 767 || ($('body').width() > 0 && $('body').width() < 767)) {
location.href = "../../s143js.nicebox.cn/exusers/u_cart.php@idweb=4117&act=show&lang=0&v=9";
} else {
document.getElementById("boxName").innerHTML = "";
if (document.getElementById("boxClose")) document.getElementById("boxClose").innerHTML = "×";
document.getElementById("showiframe").src = "../../s143js.nicebox.cn/exusers/u_cart.php@idweb=4117&act=show&lang=0&v=9";
box.Show({
width: '1000px',
height: '600px'
});
}
}
}
</script>
</div>
</div>
<div id="text_style_01_1506304940790" class="view style_01 text none wow fadeInDown lockHeightView" data-wow-duration='1s' data-wow-delay='0.25s' data-wow-offset='0' data-wow-iteration='1'>
<div names="text" class="view_contents">
温馨雅典 · 奢华享受
</div>
</div>
</div>
</div>
<div id="layout_1506306273722" class="layout none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div class="view_contents">
<div id="searchbox_style_02_1506306366150" class="view style_02 searchbox none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="searchbox" class="view_contents">
<div class="searchStyle_2">
<form onsubmit="return goSearch(this);" target=_self>
<div class="searchForm modSet">
<input class="inputSet search_input" name='pkeyword' id="pkeyword" placeholder=" 请输入关键字" />
<button type="button" class="search-btn btnaSet" attrhref="yuding.html"><i class="fa fa-search"></i> </button>
</div>
</form>
<div class="keyWord">
<a attrhref="yuding.html" class="kwSet" href="javascript:;" onclick="document.getElementById('pkeyword').value = '豪华套房'; searchOne(this);">豪华套房</a>
<a attrhref="yuding.html" class="kwSet" href="javascript:;" onclick="document.getElementById('pkeyword').value = '总统套房'; searchOne(this);">总统套房</a>
<a attrhref="yuding.html" class="kwSet" href="javascript:;" onclick="document.getElementById('pkeyword').value = '国外酒店'; searchOne(this);">国外酒店</a>
<a attrhref="yuding.html" class="kwSet" href="javascript:;" onclick="document.getElementById('pkeyword').value = ''; searchOne(this);"></a>
<a attrhref="yuding.html" class="kwSet" href="javascript:;" onclick="document.getElementById('pkeyword').value = ''; searchOne(this);"></a>
<a attrhref="yuding.html" class="kwSet" href="javascript:;" onclick="document.getElementById('pkeyword').value = ''; searchOne(this);"></a>
</div>
</div>
<script type="application/javascript">
/* function search(aname){
var kw=document.getElementById('pkeyword').value;
if(kw=='') kw=$("#'pkeyword'").val();
var gourl = $(aname).attr("attrhref");
href = gourl+(gourl.indexOf('?')>-1?'&':'?')+"pkeyword="+kw;
console.log(href)
location.href = href;
}*/
$("#searchbox_style_02_1506306366150 .search-btn").click(function() {
var kw = $("#searchbox_style_02_1506306366150 .search_input").val();
var gourl = $(this).attr("attrhref");
href = gourl + (gourl.indexOf('?') > -1 ? '&' : '?') + "pkeyword=" + kw;
location.href = href;
})
function searchOne(lname) {
var gourl = $(lname).attr("attrhref");
href = gourl + (gourl.indexOf('?') > -1 ? '&' : '?') + "pkeyword=" + $(lname).html();
location.href = href;
}
//document.getElementById('pkeyword').value = decodeURIComponent(Request("pkeyword"));
$("#searchbox_style_02_1506306366150 .search_input").val(decodeURIComponent(Request("pkeyword")));
function goSearch(form) {
$(form).find('.search-btn').trigger('click');
return false;
}
</script>
</div>
</div>
</div>
</div>
<div id="layout_1506306301177" class="layout " data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div class="view_contents">
<div id="div_a_includeBlock_1506318456280" class="view a_includeBlock div ev_m_tabView includeView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="div" class="view_contents">
<div id="text_style_01_1506318591853" class="view style_01 text none wow fadeInUp lockHeightView" data-wow-duration='1s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="text" class="view_contents">
整洁的卫生间
</div>
</div>
</div>
</div>
<div id="div_a_includeBlock_1506318838824" class="view a_includeBlock div ev_m_tabView includeView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="div" class="view_contents">
<div id="text_style_01_1506318838996" class="view style_01 text none wow fadeInUp lockHeightView" data-wow-duration='1s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="text" class="view_contents">
阳光下的沙滩
</div>
</div>
</div>
</div>
<div id="div_a_includeBlock_1506318971724" class="view a_includeBlock div ev_m_tabView includeView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="div" class="view_contents">
<div id="text_style_01_1506318971874" class="view style_01 text none wow fadeInUp lockHeightView" data-wow-duration='1s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="text" class="view_contents">
周边繁华街道
</div>
</div>
</div>
</div>
</div>
</div>
<div id="layout_1506319078326" class="layout none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div class="view_contents">
<div id="text_default_1506319108560" class="view default text none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="text" class="view_contents">
<div class="btStyle">
<div class="xian xian1"></div>
<span style="font-size:16px;font-family:"Microsoft YaHei";">公司</span><span style="font-size:16px;font-family:microsoftyahei;color:#e53333;">简介</span>
<div class="xian xian2"></div>
</div>
<div class="diyStyle">
</div>
<div class="diyStyle">
</div>
<div class="diyStyle">
</div>
<div class="diyStyle">
</div>
<div class="diyStyle">
</div>
</div>
</div>
<div id="text_style_01_1506320759849" class="view style_01 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="text" class="view_contents">
COMPANY PROFILE
</div>
</div>
<div id="text_style_01_1506320941870" class="view style_01 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="text" class="view_contents">
从公寓、度假屋、家庭经营的住宿加早餐旅馆，到五星级豪华度假酒店、树屋和冰屋，我们一直致力于为旅行者提供遍及世界各地的住宿体验。
</div>
</div>
</div>
</div>
<div id="layout_1506320985566" class="layout none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div class="view_contents">
<div id="image_style_01_1506321244155" class="view style_01 image ev_m_tabView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="image" class="view_contents">
<div class="imgStyle CompatibleImg">
<a href='javascript:;' target="">
<img class="picSet link-type-" src="picture/572599_wx.jpg" title="" alt="描述" id="imageModeShow" />
</a>
</div>
<!-- 新加的js -->
</div>
</div>
<div id="text_style_01_1506321557163" class="view style_01 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="text" class="view_contents">
快乐酒店(Happy Hotel)，是广受全球旅行者喜爱的民宿预订平台，总部位于美国旧金山，自2008年上线以来，迄今已有数百万注册房源。快乐酒店致力于让每位用户在旅行中都能“像当地人一样生活”，更好地体验当地文化，因此与其它民宿平台不同，我们的房东大多为出租个人房屋的普通人。这些精心布置的家大多彰显着他们独特的品味和经历，他们希望住在这里的每个旅行者都能感受到家一样的舒适和便捷。
</div>
</div>
<div id="customForm_style_button_01_1506321649329" class="view style_button_01 customForm none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="customForm" class="view_contents">
<script>
function btnTop() {
$("html,body").animate({
scrollTop: "0px"
}, 1000);
}
function btnBottom() {
var bodyH = $("html,body").height();
$("html,body").animate({
scrollTop: bodyH
}, 1000);
}
</script><input type="button" name="" value="查看更多+" class="squareButton btnaSet" onclick="location.href='about.html'" />
<script type="text/javascript">
if (typeof showcart !== 'function') {
function showcart() {
if (window.screen.width < 767 || ($('body').width() > 0 && $('body').width() < 767)) {
location.href = "../../s143js.nicebox.cn/exusers/u_cart.php@idweb=4117&act=show&lang=0&v=9";
} else {
document.getElementById("boxName").innerHTML = "";
if (document.getElementById("boxClose")) document.getElementById("boxClose").innerHTML = "×";
document.getElementById("showiframe").src = "../../s143js.nicebox.cn/exusers/u_cart.php@idweb=4117&act=show&lang=0&v=9";
box.Show({
width: '1000px',
height: '600px'
});
}
}
}
</script>
</div>
</div>
</div>
</div>
<div id="layout_1506321981113" class="layout none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div class="view_contents">
<div id="text_default_1506321951996" class="view default text none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="text" class="view_contents">
<div class="btStyle">
<div class="xian xian1"></div>
<span style="font-size:16px;font-family:"Microsoft YaHei";">酒店</span><span style="font-size:16px;font-family:microsoftyahei;color:#e53333;">服务</span>
<div class="xian xian2"></div>
</div>
<div class="diyStyle">
</div>
<div class="diyStyle">
</div>
<div class="diyStyle">
</div>
<div class="diyStyle">
</div>
<div class="diyStyle">
</div>
<div class="diyStyle">
</div>
<div class="diyStyle">
</div>
</div>
</div>
<div id="text_style_01_1506321961853" class="view style_01 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="text" class="view_contents">
HOTEL SERVICE
</div>
</div>
<div id="text_style_01_1506321967529" class="view style_01 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="text" class="view_contents">
从公寓、度假屋、家庭经营的住宿加早餐旅馆，到五星级豪华度假酒店、树屋和冰屋，我们一直致力于为旅行者提供遍及世界各地的住宿体验。
</div>
</div>
</div>
</div>
<div id="layout_1506322165329" class="layout none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div class="view_contents">
<div id="image_style_01_1506323229294" class="view style_01 image none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="image" class="view_contents">
<div class="imgStyle CompatibleImg">
<a href='javascript:;' target="">
<img class="picSet link-type-" src="picture/20200925150758119.png" title="" alt="描述" id="imageModeShow" />
</a>
</div>
<!-- 新加的js -->
</div>
</div>
<div id="text_style_01_1506323421558" class="view style_01 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="text" class="view_contents">
品质至上，服务为重
</div>
</div>
<div id="text_style_01_1506324947486" class="view style_01 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="text" class="view_contents">
先进的设备，贴心的服务
</div>
</div>
<div id="text_style_01_1506324954604" class="view style_01 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="text" class="view_contents">
打造您需要的每一款产品及需求，让 您用的放心健康。
</div>
</div>
<div id="text_style_01_1506323508919" class="view style_01 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="text" class="view_contents">
与国外知名品牌合作，不断提高我们的产品质量。
</div>
</div>
<div id="text_style_01_1506325051707" class="view style_01 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="text" class="view_contents">
真诚为您服务
</div>
</div>
<div id="text_style_01_1506325054131" class="view style_01 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="text" class="view_contents">
我们的强大离不开你们的监督，让我 们一起把服务做的更好。
</div>
</div>
<div id="image_style_01_1506324925152" class="view style_01 image none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="image" class="view_contents">
<div class="imgStyle CompatibleImg">
<a href='javascript:;' target="">
<img class="picSet link-type-" src="picture/20200925153617705.png" title="" alt="描述" id="imageModeShow" />
</a>
</div>
<!-- 新加的js -->
</div>
</div>
<div id="image_style_01_1506325035500" class="view style_01 image none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="image" class="view_contents">
<div class="imgStyle CompatibleImg">
<a href='javascript:;' target="">
<img class="picSet link-type-" src="picture/20200925153805846.png" title="" alt="描述" id="imageModeShow" />
</a>
</div>
<!-- 新加的js -->
</div>
</div>
</div>
</div>
<div id="layout_1506325128841" class="layout none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div class="view_contents">
<div id="text_default_1506326031868" class="view default text none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="text" class="view_contents">
<div class="btStyle">
<div class="xian xian1"></div>
<span style="font-size:16px;font-family:"Microsoft YaHei";">热门</span><span style="font-size:16px;font-family:microsoftyahei;color:#e53333;">酒店</span>
<div class="xian xian2"></div>
</div>
<div class="diyStyle">
</div>
<div class="diyStyle">
</div>
<div class="diyStyle">
</div>
<div class="diyStyle">
</div>
<div class="diyStyle">
</div>
<div class="diyStyle">
</div>
<div class="diyStyle">
</div>
<div class="diyStyle">
</div>
<div class="diyStyle">
</div>
</div>
</div>
<div id="text_style_01_1506326037920" class="view style_01 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="text" class="view_contents">
HOT HOTEL
</div>
</div>
<div id="text_style_01_1506326040624" class="view style_01 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="text" class="view_contents">
从公寓、度假屋、家庭经营的住宿加早餐旅馆，到五星级豪华度假酒店、树屋和冰屋，我们一直致力于为旅行者提供遍及世界各地的住宿体验。
</div>
</div>
</div>
</div>
<div id="layout_1506326630967" class="layout none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div class="view_contents">
<div id="tab_style_03_1506326766589" class="view style_03 tab none includeView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="tab" class="view_contents">
<script></script>
<div id="div_tab_style_03_1506326766589" class="niceTab tabStyle_3">
<div class="tab_nav tab_nav_top">
<div class="tab_scroll tab_scroll_top">
<ul class="tab_ul tab_ul_top">
<li class="tab_li tabItemSet tab_li_top tabCurItem">
<div class="tab_pos_r">
<div class="tab_img tabImgSet"><img src="picture/tabimg.png" ondragstart="return false;" /></div>
<div class="tab_txt" onselectstart="return false">
<p>纽约</p>
</div>
</div>
</li>
<li class="tab_li tabItemSet tab_li_top">
<div class="tab_pos_r">
<div class="tab_img tabImgSet"><img src="picture/tabimg.png" ondragstart="return false;" /></div>
<div class="tab_txt" onselectstart="return false">
<p>新加坡</p>
</div>
</div>
</li>
<li class="tab_li tabItemSet tab_li_top">
<div class="tab_pos_r">
<div class="tab_img tabImgSet"><img src="picture/tabimg.png" ondragstart="return false;" /></div>
<div class="tab_txt" onselectstart="return false">
<p>曼谷</p>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="tab_box tab_box_top" style="">
<div class="tab_content">
<div class="tab_main niceTabContent tabconSet">
<div class="tab_div niceTabShow">
<div id="productList_style_01_1506327877263" class="view style_01 productList none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="productList" class="view_contents" style='display:none'>
<div class="prod_default">
<ul id="prod_Ulist">
<li class="prod_Item modSet">
<div class="relative">
<!-- 产品图片 -->
<div class="prodImg_box imgSet">
<div class="prod_img">
<a href="hotels_detail.html@pid=137174" target="_self"><img class="pro_img horizontal" src="picture/0004cfp2.jpg" /><span></span></a>
</div>
<div class="dummy" style="margin-top:67%"></div>
</div>
<!-- 内容 -->
<div class="prod_info">
<div class="p_line">
</div>
<div class="p_name titleSet pc"><a href="hotels_detail.html@pid=137174" target="_self">纽约-市中心希尔顿酒店</a></div>
<div class="p_name titleSet pad"><a href="hotels_detail.html@pid=137174" target="_self">纽约-市中心希尔顿酒...</a></div>
<div class="p_name titleSet mobile"><a href="hotels_detail.html@pid=137174" target="_self">纽约-市中心希尔...</a></div>
<div class="p_line">
</div>
<!--购买按钮-->
</div>
</div>
</li>
<li class="prod_Item modSet">
<div class="relative">
<!-- 产品图片 -->
<div class="prodImg_box imgSet">
<div class="prod_img">
<a href="hotels_detail.html@pid=137173" target="_self"><img class="pro_img horizontal" src="picture/00044iea.jpg" /><span></span></a>
</div>
<div class="dummy" style="margin-top:67%"></div>
</div>
<!-- 内容 -->
<div class="prod_info">
<div class="p_line">
</div>
<div class="p_name titleSet pc"><a href="hotels_detail.html@pid=137173" target="_self">纽约-巴卡拉酒店及公寓</a></div>
<div class="p_name titleSet pad"><a href="hotels_detail.html@pid=137173" target="_self">纽约-巴卡拉酒店及公...</a></div>
<div class="p_name titleSet mobile"><a href="hotels_detail.html@pid=137173" target="_self">纽约-巴卡拉酒店...</a></div>
<div class="p_line">
</div>
<!--购买按钮-->
</div>
</div>
</li>
<li class="prod_Item modSet">
<div class="relative">
<!-- 产品图片 -->
<div class="prodImg_box imgSet">
<div class="prod_img">
<a href="hotels_detail.html@pid=137172" target="_self"><img class="pro_img horizontal" src="picture/000433qb.jpg" /><span></span></a>
</div>
<div class="dummy" style="margin-top:67%"></div>
</div>
<!-- 内容 -->
<div class="prod_info">
<div class="p_line">
</div>
<div class="p_name titleSet pc"><a href="hotels_detail.html@pid=137172" target="_self">纽约-文华东方酒店</a></div>
<div class="p_name titleSet pad"><a href="hotels_detail.html@pid=137172" target="_self">纽约-文华东方酒店</a></div>
<div class="p_name titleSet mobile"><a href="hotels_detail.html@pid=137172" target="_self">纽约-文华东方酒...</a></div>
<div class="p_line">
</div>
<!--购买按钮-->
</div>
</div>
</li>
<li class="prod_Item modSet">
<div class="relative">
<!-- 产品图片 -->
<div class="prodImg_box imgSet">
<div class="prod_img">
<a href="hotels_detail.html@pid=137171" target="_self"><img class="pro_img horizontal" src="picture/0004swoe.jpg" /><span></span></a>
</div>
<div class="dummy" style="margin-top:67%"></div>
</div>
<!-- 内容 -->
<div class="prod_info">
<div class="p_line">
</div>
<div class="p_name titleSet pc"><a href="hotels_detail.html@pid=137171" target="_self">纽约-优特尔时代广场酒店</a></div>
<div class="p_name titleSet pad"><a href="hotels_detail.html@pid=137171" target="_self">纽约-优特尔时代广场...</a></div>
<div class="p_name titleSet mobile"><a href="hotels_detail.html@pid=137171" target="_self">纽约-优特尔时代...</a></div>
<div class="p_line">
</div>
<!--购买按钮-->
</div>
</div>
</li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<script type="text/javascript">
// $(".p_price2").hide();
// if($(" .zhekou").length && $(" .zhekou").length>0){
// $(".p_price").hide();
// $(".p_price2").show();
// }
// console.log($(".prod_Item"));
</script>
<script>
$(function() {
var viewid = "productList_style_01_1506327877263";
var sys_url = "viewid=productList_style_01_1506327877263&name=productList&style=style_01&langid=0&pageid=68085&viewCtrl=default&isfb=1";
var moreParams = '';
if (typeof(history.pushState) != 'undefined') {
var hstate = JSON.stringify(history.state);
if (hstate != 'null' && hstate != null) {
eval('var hjson = ' + hstate);
moreParams = hjson.moreParamsproductList_style_01_1506327877263;
}
}
RequestURL(viewid, sys_url, moreParams);
})
</script>
<script type="text/javascript">
if (typeof addcart !== 'function') {
function addcart(pid) {
if (is_mobile()) {
var locationUrl = "../../s143js.nicebox.cn/exusers/u_cart.php@idweb=4117&lang=0&pid=" + pid + "&act=add&ismobile=1";
window.location = locationUrl;
} else {
document.getElementById("boxName").innerHTML = "";
if (document.getElementById("boxClose")) document.getElementById("boxClose").innerHTML = "×";
document.getElementById("showiframe").src = "../../s143js.nicebox.cn/exusers/u_cart.php@idweb=4117&pid=" + pid + "&act=add&lang=0&ispc=1";
box.Show({
width: "840px",
height: "420px"
});
}
}
}
$(function() { //有客户需求，点击分页之后回到顶部
$(".paging").click(function() {
scrollTo(0, 0);
})
})
function is_mobile() {
return window.screen.width < 767 || ($('body').width() > 0 && $('body').width() < 767);
}
</script>
<script type="text/javascript">
// $("#productList_style_01_1506327877263 .p_price2").hide();
// if($("#productList_style_01_1506327877263 .zhekou").length && $("#productList_style_01_1506327877263 .zhekou").length>0){
// $("#productList_style_01_1506327877263 .p_price").hide();
// $("#productList_style_01_1506327877263 .p_price2").show();
// }
</script>
</div>
</div>
</div>
<div class="tab_div">
<div id="productList_style_01_1506409829456" class="view style_01 productList none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="productList" class="view_contents" style='display:none'>
<div class="prod_default">
<ul id="prod_Ulist">
<li class="prod_Item modSet">
<div class="relative">
<!-- 产品图片 -->
<div class="prodImg_box imgSet">
<div class="prod_img">
<a href="hotels_detail.html@pid=137158" target="_self"><img class="pro_img horizontal" src="picture/0007pmln.jpg" /><span></span></a>
</div>
<div class="dummy" style="margin-top:67%"></div>
</div>
<!-- 内容 -->
<div class="prod_info">
<div class="p_line">
</div>
<div class="p_name titleSet pc"><a href="hotels_detail.html@pid=137158" target="_self">新加坡-圣淘沙安曼纳圣殿度假酒店</a></div>
<div class="p_name titleSet pad"><a href="hotels_detail.html@pid=137158" target="_self">新加坡-圣淘沙安曼纳...</a></div>
<div class="p_name titleSet mobile"><a href="hotels_detail.html@pid=137158" target="_self">新加坡-圣淘沙安...</a></div>
<div class="p_line">
</div>
<!--购买按钮-->
</div>
</div>
</li>
<li class="prod_Item modSet">
<div class="relative">
<!-- 产品图片 -->
<div class="prodImg_box imgSet">
<div class="prod_img">
<a href="hotels_detail.html@pid=137157" target="_self"><img class="pro_img horizontal" src="picture/000504ul.jpg" /><span></span></a>
</div>
<div class="dummy" style="margin-top:67%"></div>
</div>
<!-- 内容 -->
<div class="prod_info">
<div class="p_line">
</div>
<div class="p_name titleSet pc"><a href="hotels_detail.html@pid=137157" target="_self">新加坡-史丹福瑞士酒店</a></div>
<div class="p_name titleSet pad"><a href="hotels_detail.html@pid=137157" target="_self">新加坡-史丹福瑞士酒...</a></div>
<div class="p_name titleSet mobile"><a href="hotels_detail.html@pid=137157" target="_self">新加坡-史丹福瑞...</a></div>
<div class="p_line">
</div>
<!--购买按钮-->
</div>
</div>
</li>
<li class="prod_Item modSet">
<div class="relative">
<!-- 产品图片 -->
<div class="prodImg_box imgSet">
<div class="prod_img">
<a href="hotels_detail.html@pid=137156" target="_self"><img class="pro_img horizontal" src="picture/0004dwgc.jpg" /><span></span></a>
</div>
<div class="dummy" style="margin-top:67%"></div>
</div>
<!-- 内容 -->
<div class="prod_info">
<div class="p_line">
</div>
<div class="p_name titleSet pc"><a href="hotels_detail.html@pid=137156" target="_self">新加坡-中山公园戴斯酒店</a></div>
<div class="p_name titleSet pad"><a href="hotels_detail.html@pid=137156" target="_self">新加坡-中山公园戴斯...</a></div>
<div class="p_name titleSet mobile"><a href="hotels_detail.html@pid=137156" target="_self">新加坡-中山公园...</a></div>
<div class="p_line">
</div>
<!--购买按钮-->
</div>
</div>
</li>
<li class="prod_Item modSet">
<div class="relative">
<!-- 产品图片 -->
<div class="prodImg_box imgSet">
<div class="prod_img">
<a href="hotels_detail.html@pid=137155" target="_self"><img class="pro_img horizontal" src="picture/0005qsdy.jpg" /><span></span></a>
</div>
<div class="dummy" style="margin-top:67%"></div>
</div>
<!-- 内容 -->
<div class="prod_info">
<div class="p_line">
</div>
<div class="p_name titleSet pc"><a href="hotels_detail.html@pid=137155" target="_self">新加坡-圣淘沙名胜世界节庆酒店</a></div>
<div class="p_name titleSet pad"><a href="hotels_detail.html@pid=137155" target="_self">新加坡-圣淘沙名胜世...</a></div>
<div class="p_name titleSet mobile"><a href="hotels_detail.html@pid=137155" target="_self">新加坡-圣淘沙名...</a></div>
<div class="p_line">
</div>
<!--购买按钮-->
</div>
</div>
</li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<script type="text/javascript">
// $(".p_price2").hide();
// if($(" .zhekou").length && $(" .zhekou").length>0){
// $(".p_price").hide();
// $(".p_price2").show();
// }
// console.log($(".prod_Item"));
</script>
<script>
$(function() {
var viewid = "productList_style_01_1506409829456";
var sys_url = "viewid=productList_style_01_1506409829456&name=productList&style=style_01&langid=0&pageid=68085&viewCtrl=default&isfb=1";
var moreParams = '';
if (typeof(history.pushState) != 'undefined') {
var hstate = JSON.stringify(history.state);
if (hstate != 'null' && hstate != null) {
eval('var hjson = ' + hstate);
moreParams = hjson.moreParamsproductList_style_01_1506409829456;
}
}
RequestURL(viewid, sys_url, moreParams);
})
</script>
<script type="text/javascript">
if (typeof addcart !== 'function') {
function addcart(pid) {
if (is_mobile()) {
var locationUrl = "../../s143js.nicebox.cn/exusers/u_cart.php@idweb=4117&lang=0&pid=" + pid + "&act=add&ismobile=1";
window.location = locationUrl;
} else {
document.getElementById("boxName").innerHTML = "";
if (document.getElementById("boxClose")) document.getElementById("boxClose").innerHTML = "×";
document.getElementById("showiframe").src = "../../s143js.nicebox.cn/exusers/u_cart.php@idweb=4117&pid=" + pid + "&act=add&lang=0&ispc=1";
box.Show({
width: "840px",
height: "420px"
});
}
}
}
$(function() { //有客户需求，点击分页之后回到顶部
$(".paging").click(function() {
scrollTo(0, 0);
})
})
function is_mobile() {
return window.screen.width < 767 || ($('body').width() > 0 && $('body').width() < 767);
}
</script>
<script type="text/javascript">
// $("#productList_style_01_1506409829456 .p_price2").hide();
// if($("#productList_style_01_1506409829456 .zhekou").length && $("#productList_style_01_1506409829456 .zhekou").length>0){
// $("#productList_style_01_1506409829456 .p_price").hide();
// $("#productList_style_01_1506409829456 .p_price2").show();
// }
</script>
</div>
</div>
</div>
<div class="tab_div">
<div id="productList_style_01_1506409850653" class="view style_01 productList none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="productList" class="view_contents" style='display:none'>
<div class="prod_default">
<ul id="prod_Ulist">
<li class="prod_Item modSet">
<div class="relative">
<!-- 产品图片 -->
<div class="prodImg_box imgSet">
<div class="prod_img">
<a href="hotels_detail.html@pid=137168" target="_self"><img class="pro_img horizontal" src="picture/0004gosp.jpg" /><span></span></a>
</div>
<div class="dummy" style="margin-top:67%"></div>
</div>
<!-- 内容 -->
<div class="prod_info">
<div class="p_line">
</div>
<div class="p_name titleSet pc"><a href="hotels_detail.html@pid=137168" target="_self">曼谷-拉查丹利中心酒店</a></div>
<div class="p_name titleSet pad"><a href="hotels_detail.html@pid=137168" target="_self">曼谷-拉查丹利中心酒...</a></div>
<div class="p_name titleSet mobile"><a href="hotels_detail.html@pid=137168" target="_self">曼谷-拉查丹利中...</a></div>
<div class="p_line">
</div>
<!--购买按钮-->
</div>
</div>
</li>
<li class="prod_Item modSet">
<div class="relative">
<!-- 产品图片 -->
<div class="prodImg_box imgSet">
<div class="prod_img">
<a href="hotels_detail.html@pid=137167" target="_self"><img class="pro_img horizontal" src="picture/0004q0a4.jpg" /><span></span></a>
</div>
<div class="dummy" style="margin-top:67%"></div>
</div>
<!-- 内容 -->
<div class="prod_info">
<div class="p_line">
</div>
<div class="p_name titleSet pc"><a href="hotels_detail.html@pid=137167" target="_self">曼谷-亚洲酒店</a></div>
<div class="p_name titleSet pad"><a href="hotels_detail.html@pid=137167" target="_self">曼谷-亚洲酒店</a></div>
<div class="p_name titleSet mobile"><a href="hotels_detail.html@pid=137167" target="_self">曼谷-亚洲酒店</a></div>
<div class="p_line">
</div>
<!--购买按钮-->
</div>
</div>
</li>
<li class="prod_Item modSet">
<div class="relative">
<!-- 产品图片 -->
<div class="prodImg_box imgSet">
<div class="prod_img">
<a href="hotels_detail.html@pid=137166" target="_self"><img class="pro_img horizontal" src="picture/00032nmf.jpg" /><span></span></a>
</div>
<div class="dummy" style="margin-top:67%"></div>
</div>
<!-- 内容 -->
<div class="prod_info">
<div class="p_line">
</div>
<div class="p_name titleSet pc"><a href="hotels_detail.html@pid=137166" target="_self">曼谷-十面泰尊爵酒店</a></div>
<div class="p_name titleSet pad"><a href="hotels_detail.html@pid=137166" target="_self">曼谷-十面泰尊爵酒店</a></div>
<div class="p_name titleSet mobile"><a href="hotels_detail.html@pid=137166" target="_self">曼谷-十面泰尊爵...</a></div>
<div class="p_line">
</div>
<!--购买按钮-->
</div>
</div>
</li>
<li class="prod_Item modSet">
<div class="relative">
<!-- 产品图片 -->
<div class="prodImg_box imgSet">
<div class="prod_img">
<a href="hotels_detail.html@pid=137165" target="_self"><img class="pro_img horizontal" src="picture/0003ncz0.jpg" /><span></span></a>
</div>
<div class="dummy" style="margin-top:67%"></div>
</div>
<!-- 内容 -->
<div class="prod_info">
<div class="p_line">
</div>
<div class="p_name titleSet pc"><a href="hotels_detail.html@pid=137165" target="_self">曼谷-常青坊酒店</a></div>
<div class="p_name titleSet pad"><a href="hotels_detail.html@pid=137165" target="_self">曼谷-常青坊酒店</a></div>
<div class="p_name titleSet mobile"><a href="hotels_detail.html@pid=137165" target="_self">曼谷-常青坊酒店</a></div>
<div class="p_line">
</div>
<!--购买按钮-->
</div>
</div>
</li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<script type="text/javascript">
// $(".p_price2").hide();
// if($(" .zhekou").length && $(" .zhekou").length>0){
// $(".p_price").hide();
// $(".p_price2").show();
// }
// console.log($(".prod_Item"));
</script>
<script>
$(function() {
var viewid = "productList_style_01_1506409850653";
var sys_url = "viewid=productList_style_01_1506409850653&name=productList&style=style_01&langid=0&pageid=68085&viewCtrl=default&isfb=1";
var moreParams = '';
if (typeof(history.pushState) != 'undefined') {
var hstate = JSON.stringify(history.state);
if (hstate != 'null' && hstate != null) {
eval('var hjson = ' + hstate);
moreParams = hjson.moreParamsproductList_style_01_1506409850653;
}
}
RequestURL(viewid, sys_url, moreParams);
})
</script>
<script type="text/javascript">
if (typeof addcart !== 'function') {
function addcart(pid) {
if (is_mobile()) {
var locationUrl = "../../s143js.nicebox.cn/exusers/u_cart.php@idweb=4117&lang=0&pid=" + pid + "&act=add&ismobile=1";
window.location = locationUrl;
} else {
document.getElementById("boxName").innerHTML = "";
if (document.getElementById("boxClose")) document.getElementById("boxClose").innerHTML = "×";
document.getElementById("showiframe").src = "../../s143js.nicebox.cn/exusers/u_cart.php@idweb=4117&pid=" + pid + "&act=add&lang=0&ispc=1";
box.Show({
width: "840px",
height: "420px"
});
}
}
}
$(function() { //有客户需求，点击分页之后回到顶部
$(".paging").click(function() {
scrollTo(0, 0);
})
})
function is_mobile() {
return window.screen.width < 767 || ($('body').width() > 0 && $('body').width() < 767);
}
</script>
<script type="text/javascript">
// $("#productList_style_01_1506409850653 .p_price2").hide();
// if($("#productList_style_01_1506409850653 .zhekou").length && $("#productList_style_01_1506409850653 .zhekou").length>0){
// $("#productList_style_01_1506409850653 .p_price").hide();
// $("#productList_style_01_1506409850653 .p_price2").show();
// }
</script>
</div>
</div>
</div>
</div>
<div class="tab_left_arrow arrowLeftSet">
<a href="#"></a>
</div>
<div class="tab_right_arrow arrowRightSet">
<a href="#"></a>
</div>
</div>
</div>
</div>
<script>
$(function() {
tab_style03_init("div_tab_style_03_1506326766589");
setClick_Choice("div_tab_style_03_1506326766589");
$(".tab_nav").show();
$(".tab_box").css({
top: '',
bottom: '',
right: '',
left: '',
height: '',
width: ''
});
});
</script>
</div>
</div>
</div>
</div>
<div id="layout_1506326056215" class="layout none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div class="view_contents">
<div id="text_default_1506326188105" class="view default text none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="text" class="view_contents">
<div class="btStyle">
<div class="xian xian1"></div>
<span style="font-size:24px;"><span style="font-family:"Microsoft YaHei";font-size:16px;">新闻</span><span style="color:#e53333;font-family:microsoftyahei;font-size:16px;">动态</span></span>
<div class="xian xian2"></div>
</div>
<div class="diyStyle">
</div>
<div class="diyStyle">
</div>
<div class="diyStyle">
</div>
<div class="diyStyle">
</div>
<div class="diyStyle">
</div>
<div class="diyStyle">
</div>
<div class="diyStyle">
</div>
<div class="diyStyle">
</div>
<div class="diyStyle">
</div>
<div class="diyStyle">
</div>
<div class="diyStyle">
</div>
</div>
</div>
<div id="text_style_01_1506326201165" class="view style_01 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="text" class="view_contents">
NEWS
</div>
</div>
<div id="text_style_01_1506326209677" class="view style_01 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="text" class="view_contents">
从公寓、度假屋、家庭经营的住宿加早餐旅馆，到五星级豪华度假酒店、树屋和冰屋，我们一直致力于为旅行者提供遍及世界各地的住宿体验。
</div>
</div>
</div>
</div>
<div id="layout_1506326219811" class="layout none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div class="view_contents">
<div id="newsList_style_04_1506329111772" class="view style_04 newsList none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="newsList" class="view_contents">
<script>
$(function() {
// 高度统一为最大值
/*
var max = 0, lis = $('.boxNewsListStyle_4 .sumary_list');
lis.each(function () {
var h = $(this).height();
if(h > max) {
max = h;
}
});
lis.height(max);
*/
});
</script>
<!--新闻列表区域-->
<div class="boxNewsListStyle_4">
<ul id="boxNewsList">
<li class="sumary_list modSet">
<div class="newPic imgSet">
<a href="news_detail.html@newsid=54959" target="_self"><img class="News_img" src="picture/307173_wx.jpg"></a>
<div class="zTm" style="margin-top:67%"></div>
</div>
<div class="newCont">
<div class="newTitle">
<div class="newName">
<a class="titleSet" href="news_detail.html@newsid=54959" target="_self">美食影响76%亚太地区旅行者的度假...</a>
</div>
<div class="newDetail detailSet pc">来自爱彼迎亚太地区旅行调查显示，该地区的旅行者在旅途中越来越富有探索精神：71%的受访者看重在度假期间品尝当地...</div>
<div class="newDetail detailSet pad">来自爱彼迎亚太地区旅行调查显示，该地区的旅行者在旅途中越来越...</div>
<div class="newDetail detailSet mobile">来自爱彼迎亚太地区旅行调查显示，该地区的旅行者在旅途中越来越...</div>
</div>
<div class="newB">
</div>
<div class="show_all">
<a class="btnaSet" href="news_detail.html@newsid=54959" target="_self">查看全文</a>
</div>
</div>
</li>
<li class="sumary_list modSet">
<div class="newPic imgSet">
<a href="news_detail.html@newsid=54958" target="_self"><img class="News_img" src="picture/307173_wx.jpg"></a>
<div class="zTm" style="margin-top:67%"></div>
</div>
<div class="newCont">
<div class="newTitle">
<div class="newName">
<a class="titleSet" href="news_detail.html@newsid=54958" target="_self">绿都地产与洲际正式签约 逸衡®酒店...</a>
</div>
<div class="newDetail detailSet pc">9月22日，绿都地产集团与洲际酒店集团在上海绿都•绣云里举办了签约仪式，正式宣布旗下逸衡®酒店（EVEN Ho...</div>
<div class="newDetail detailSet pad">9月22日，绿都地产集团与洲际酒店集团在上海绿都•绣云里举办...</div>
<div class="newDetail detailSet mobile">9月22日，绿都地产集团与洲际酒店集团在上海绿都•绣云里举办...</div>
</div>
<div class="newB">
</div>
<div class="show_all">
<a class="btnaSet" href="news_detail.html@newsid=54958" target="_self">查看全文</a>
</div>
</div>
</li>
<li class="sumary_list modSet">
<div class="newPic imgSet">
<a href="news_detail.html@newsid=54957" target="_self"><img class="News_img" src="picture/307173_wx.jpg"></a>
<div class="zTm" style="margin-top:67%"></div>
</div>
<div class="newCont">
<div class="newTitle">
<div class="newName">
<a class="titleSet" href="news_detail.html@newsid=54957" target="_self">珠海凤凰湾悦椿酒店将于2018年1...</a>
</div>
<div class="newDetail detailSet pc">紧邻市中心的珠海凤凰湾悦椿酒店将于明年一月开幕。作为城市度假酒店，该酒店将以广东省的散客、旅行社散客和北京、上...</div>
<div class="newDetail detailSet pad">紧邻市中心的珠海凤凰湾悦椿酒店将于明年一月开幕。作为城市度假...</div>
<div class="newDetail detailSet mobile">紧邻市中心的珠海凤凰湾悦椿酒店将于明年一月开幕。作为城市度假...</div>
</div>
<div class="newB">
</div>
<div class="show_all">
<a class="btnaSet" href="news_detail.html@newsid=54957" target="_self">查看全文</a>
</div>
</div>
</li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<script>
$(function() {
var viewid = "newsList_style_04_1506329111772";
var sys_url = "viewid=newsList_style_04_1506329111772&name=newsList&style=style_04&langid=0&pageid=68085&viewCtrl=newsList&isfb=1";
var moreParams = '';
if (typeof(history.pushState) != 'undefined') {
var hstate = JSON.stringify(history.state);
if (hstate != 'null' && hstate != null) {
eval('var hjson = ' + hstate);
moreParams = hjson.moreParamsnewsList_style_04_1506329111772;
}
}
RequestURL(viewid, sys_url, moreParams);
})
</script>
</div>
</div>
</div>
</div>
<div id="comm_layout_footer" class="layout none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div class="view_contents">
<div id="div_includeBlock_1506305727532" class="view includeBlock div none includeView" data-wow-duration='2s' data-wow-delay='0.25s' data-wow-offset='0' data-wow-iteration='1'>
<div names="div" class="view_contents">
<div id="div_blank_1506305727919" class="view blank div none" data-wow-duration='2s' data-wow-delay='0.25s' data-wow-offset='0' data-wow-iteration='1'>
<div names="div" class="view_contents">
<!--
<a href="javascript:;" style="display:block;width:100%;height:100%;" id="divnet"></a>
-->
</div>
</div>
<div id="text_style_02_1506305727927" class="view style_02 text none lockHeightView" data-wow-duration='2s' data-wow-delay='0.25s' data-wow-offset='0' data-wow-iteration='1'>
<div names="text" class="view_contents">
联系方式
</div>
</div>
<div id="image_style_01_1506305727931" class="view style_01 image none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="image" class="view_contents">
<div class="imgStyle CompatibleImg">
<a href='javascript:;' target="">
<img class="picSet link-type-" src="picture/1b35c2a9084a084b0dc53acb94d825bd.png" title="" alt="描述" id="imageModeShow" />
</a>
</div>
<!-- 新加的js -->
</div>
</div>
<div id="text_style_02_1506305727935" class="view style_02 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="text" class="view_contents">
电话：xxx
</div>
</div>
<div id="text_style_02_1506305727940" class="view style_02 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="text" class="view_contents">
Email：xxx
</div>
</div>
<div id="image_style_01_1506305727945" class="view style_01 image none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="image" class="view_contents">
<div class="imgStyle CompatibleImg">
<a href='javascript:;' target="">
<img class="picSet link-type-" src="picture/a0fdfedc922d28f112e688dd36343159.png" title="" alt="描述" id="imageModeShow" />
</a>
</div>
<!-- 新加的js -->
</div>
</div>
<div id="text_style_02_1506305727948" class="view style_02 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="text" class="view_contents">
传真：xxx
</div>
</div>
<div id="image_style_01_1506305727953" class="view style_01 image none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="image" class="view_contents">
<div class="imgStyle CompatibleImg">
<a href='javascript:;' target="">
<img class="picSet link-type-" src="picture/a24d1e80d8ae0ba56b6a53c24e644dd5.png" title="" alt="描述" id="imageModeShow" />
</a>
</div>
<!-- 新加的js -->
</div>
</div>
<div id="image_style_01_1506305727958" class="view style_01 image none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="image" class="view_contents">
<div class="imgStyle CompatibleImg">
<a href='javascript:;' target="">
<img class="picSet link-type-" src="picture/bf96c0671cda5c3a3efc31c55e563d0d.png" title="" alt="描述" id="imageModeShow" />
</a>
</div>
<!-- 新加的js -->
</div>
</div>
<div id="text_style_02_1506305727964" class="view style_02 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="text" class="view_contents">
地址：xxx
</div>
</div>
</div>
</div>
<div id="div_includeBlock_1506305727548" class="view includeBlock div none includeView" data-wow-duration='2s' data-wow-delay='0.25s' data-wow-offset='0' data-wow-iteration='1'>
<div names="div" class="view_contents">
<div id="text_style_02_1506305728031" class="view style_02 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="text" class="view_contents">
快乐酒店成立于2008年，其宗旨是为旅行者创建一个家在四方的世界，让他们融入当地文化，享受独特的旅行体验。从公寓与别墅，到城堡和树屋，快乐酒店的社区型市场在全球191个国家的65,000多个城市提供数百万套独特房源。 快乐酒店 的“体验”为旅行者提供前所未有的机会去接触当地社区与热点。<br>
</div>
</div>
<div id="text_style_02_1506305728040" class="view style_02 text none lockHeightView" data-wow-duration='2s' data-wow-delay='0.25s' data-wow-offset='0' data-wow-iteration='1'>
<div names="text" class="view_contents">
关于我们
</div>
</div>
<div id="div_blank_1506305728044" class="view blank div none" data-wow-duration='2s' data-wow-delay='0.25s' data-wow-offset='0' data-wow-iteration='1'>
<div names="div" class="view_contents">
<!--
<a href="javascript:;" style="display:block;width:100%;height:100%;" id="divnet"></a>
-->
</div>
</div>
</div>
</div>
<div id="div_includeBlock_1506305727542" class="view includeBlock div none includeView" data-wow-duration='2s' data-wow-delay='0.25s' data-wow-offset='0' data-wow-iteration='1'>
<div names="div" class="view_contents">
<div id="text_style_02_1506305728170" class="view style_02 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="text" class="view_contents">
扫描二维码，我们会以最快的速度告诉金融、市场、股票等领域的最新资讯。
</div>
</div>
<div id="image_style_01_1506305728182" class="view style_01 image none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="image" class="view_contents">
<div class="imgStyle CompatibleImg">
<a href='javascript:;' target="">
<img class="picSet link-type-" src="picture/20200926173345428.jpg" title="" alt="描述" id="imageModeShow" />
</a>
</div>
<!-- 新加的js -->
</div>
</div>
<div id="image_style_01_1506305728189" class="view style_01 image none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="image" class="view_contents">
<div class="imgStyle CompatibleImg">
<a href='javascript:;' target="">
<img class="picSet link-type-" src="picture/20200926173345428.jpg" title="" alt="描述" id="imageModeShow" />
</a>
</div>
<!-- 新加的js -->
</div>
</div>
<div id="text_style_02_1506305728194" class="view style_02 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="text" class="view_contents">
手机版
</div>
</div>
<div id="text_style_02_1506305728204" class="view style_02 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="text" class="view_contents">
微信版公众号
</div>
</div>
<div id="div_blank_1506305728210" class="view blank div none" data-wow-duration='2s' data-wow-delay='0.25s' data-wow-offset='0' data-wow-iteration='1'>
<div names="div" class="view_contents">
<!--
<a href="javascript:;" style="display:block;width:100%;height:100%;" id="divnet"></a>
-->
</div>
</div>
<div id="text_style_02_1506305728215" class="view style_02 text none lockHeightView" data-wow-duration='2s' data-wow-delay='0.25s' data-wow-offset='0' data-wow-iteration='1'>
<div names="text" class="view_contents">
获取资讯
</div>
</div>
</div>
</div>
<div id="div_includeBlock_1506305727277" class="view includeBlock div none includeView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="div" class="view_contents">
<div id="text_style_02_1506305727661" class="view style_02 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="text" class="view_contents">
Copyright ? 2020 . Trazos All rights reserved. 技术支持
</div>
</div>
<div id="dh_style_01_1506305727669" class="view style_01 dh none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'>
<div names="dh" class="view_contents">
<script></script>
<div id="menu" class="menu menuStyle_1">
<div class="menuLayout">
<ul class="miniMenu columnSet showmobile">
<li class="leftBox">
<div class="nav"></div>
<div class="sidebar icoMenuSet" onclick="setDhListen('style_01',this)">=</div>
<div class="menuScroll">
<ul class="menuUlCopy">
<li id="hot" class="rflex" pageid="68085" showmobile=""><a class="mainMenuSet" href="index.html">首页</a>
</li>
<li class="rflex" pageid="68079" showmobile=""><a class="mainMenuSet" href="yuding.html">预订</a>
</li>
<li class="rflex" pageid="68083" showmobile=""><a class="mainMenuSet" href="service.html">服务</a>
</li>
<li class="rflex" pageid="68081" showmobile=""><a class="mainMenuSet" href="about.html">关于</a>
</li>
<li class="rflex" pageid="68080" showmobile=""><a class="mainMenuSet" href="contact.html">联系</a>
</li>
</ul>
</div>
</li>
</ul>
<div class="menuUl_box columnSet showpc">
<ul class="menuUl dflex">
<!-- 168085 -->
<li id="hot" class="rflex" pageid="68085" showpc="">
<a class="mainMenuSet" href="index.html">首页</a>
</li>
<!-- 168079 -->
<li class="rflex" pageid="68079" showpc="">
<a class="mainMenuSet" href="yuding.html">预订</a>
</li>
<!-- 168083 -->
<li class="rflex" pageid="68083" showpc="">
<a class="mainMenuSet" href="service.html">服务</a>
</li>
<!-- 168081 -->
<li class="rflex" pageid="68081" showpc="">
<a class="mainMenuSet" href="about.html">关于</a>
</li>
<!-- 168080 -->
<li class="rflex" pageid="68080" showpc="">
<a class="mainMenuSet" href="contact.html">联系</a>
</li>
</ul>
</div>
</div>
</div>
<!-- 菜单区域 End-->
</div>
</div>
</div>
</div>
</div>
</div>
<div style="display:none">
<script language="javascript" type="text/javascript" src="js/19205714.js"></script>
</div>
</body>
</html>
源码获取
❉1.看到这里了就 [点赞+好评+收藏] 三连 支持下吧，你的 「点赞，好评，收藏」是我创作的动力。
❉ 2.关注我 ~ 每天带你学习 :各种前端插件、七夕表白网页制作、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业HTML模板 、web期末大作业模板 、等! 「 前后开发者，一起探讨 前端，JAVA ，Node 知识，互相学习」！
❉3.以上内容技术相关问题可以相互学习，可在 薇幸 公Z号 >>> web前端小日记
