<!DOCTYPE html>
<html>
<head><title>
仿格子微酒店触屏版html5手机wap旅游网站模板下载酒店正文-【yulexiuxian/lvyou/】
</title><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" /><meta content="yes" name="apple-mobile-web-app-capable" /><link href="styles/bootstrap.min.css" rel="stylesheet" /><link href="styles/NewGlobal.css" rel="stylesheet" />
<script type="text/javascript" src="Scripts/zepto.js"></script>
</head>
<body>
<div class="header">
<a href="Default.htm" class="home">
<span class="header-icon header-icon-home"></span>
<span class="header-name">主页</span>
</a>
<div class="title" id="titleString"></div>
<a href="javascript:history.go(-1);" class="back">
<span class="header-icon header-icon-return"></span>
<span class="header-name">返回</span>
</a>
</div>
<script type="text/javascript" src="http://gmu.baidu.com/src/extend/touch.js"></script><!--新版zepto合并版中不包括touch.js-->
<script type="text/javascript" src="http://gmu.baidu.com/src/extend/highlight.js"></script>
<script type="text/javascript" src="http://gmu.baidu.com/src/core/gmu.js"></script>
<script type="text/javascript" src="http://gmu.baidu.com/src/core/event.js"></script>
<script type="text/javascript" src="http://gmu.baidu.com/src/extend/parseTpl.js"></script>
<script type="text/javascript" src="http://gmu.baidu.com/src/core/widget.js"></script>
<script type="text/javascript" src="http://gmu.baidu.com/src/widget/calendar/calendar.js"></script>
<script type="text/javascript" src="http://gmu.baidu.com/src/widget/dialog/dialog.js"></script>
<link rel="stylesheet" type="text/css" href="http://gmu.baidu.com/assets/widget/calendar/calendar.css" />
<link rel="stylesheet" type="text/css" href="http://gmu.baidu.com/assets/widget/calendar/calendar.default.css" />
<link rel="stylesheet" type="text/css" href="http://gmu.baidu.com/assets/widget/dialog/dialog.css" />
<link rel="stylesheet" type="text/css" href="http://gmu.baidu.com/assets/widget/dialog/dialog.default.css" />
<style>
.section {
background: #f3f3f3;
font-size: 14px;
}
#datepicker_wrap {
overflow: hidden;
height: 0;
-webkit-transition: height 200ms ease-in-out;
background: #e1e1e1;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#datepicker_wrap>div {
display: none;
padding: 5px 5px 25px 5px;
}
.filter {
padding:10px 10px 0px;
}
.filter:after {
content: '\0020';
clear: both;
display: block;
height: 0;
font-size: 0;
line-height: 0;
}
.filter a {
border: 1px solid #e1e1e1;
text-decoration: none;
color: #000;
padding: 5px 26px 5px 5px;
margin: 0 5px 0 0;
position: relative;
background: #fff;
}
.icon-down {
background-image: url("http://gmu.baidu.com/demo/assets/icons-36-black.png");
background-position: -216px 50%;
width:18px;
height: 18px;
display: inline-block;
-webkit-background-size: 776px 18px;
background-size: 776px 18px;
float: right;
margin-top: 10px;
}
.icon-down-up {
background-position: -180px 50%;
}
.filter a .ui-icon-down {
position: absolute;
top: 50%;
right: 5px;
background-image: url("http://gmu.baidu.com/demo/assets/icons-36-black.png");
-webkit-background-size: 776px 18px;
background-size: 776px 18px;
width:18px;
height: 18px;
margin-top: -9px;
background-position: -216px 50%;
}
.filter a.ui-state-active, .filter a.ui-state-hover {
background: #fff;
}
.filter a.ui-state-active .ui-icon-down, .filter a.ui-state-hover .ui-icon-down {
background-position: -180px 50%;
}
.filter a.search {
float: right;
padding: 5px;
margin: 0;
}
.result {
padding:10px 15px;
text-align: left;
}
</style>
<div class="container">
<ul class="unstyled hotel-bar">
<li class="first">
<a href="#BookRoom" class="active">房型</a>
</li>
<li><a href="HotelInfo.aspx.html">简介</a></li>
<li><a href="#">地图</a></li>
<li><a href="Hotelreview.aspx.html">评论</a></li>
</ul>
<div id="BookRoom" class="tab-pane active fade in">
<div class="detail-address-bar">
<img alt="" src="images/location_icon.png">
<p>秀灵路55号(出入境管理局旁)</p>
</div>
<div id="datetab" class="detail-time-bar">
<img alt="" src="images/calendar.png">
<p>04月11日 - 04月12日</p>
<span class="icon-down"></span>
</div>
<form action="hotel.aspx" method="GET">
<div id="datebox" class="section none">
<div class="filter clearfix">
<p style="margin-bottom: 10px;display: block;">入住:<a id="datestart" href="javascript:void(0)"><span class="ui-icon-down"></span></a></p>
<br/>
<p> 离开:<a id="dateend" href="javascript:void(0)"><span class="ui-icon-down"></span></a></p>
</div>
<div id="datepicker_wrap">
<div id="dp_start">
<p>入住时间:</p>
<div id="datepicker_start"></div>
</div>
<div id="dp_end">
<p>离开时间:</p>
<div id="datepicker_end"></div>
</div>
</div>
<div class="result">
<input type="submit" class="btn" value="确定修改" />
<span class="btn" id="datecancel">取消</span>
</div>
<input id="id" name="id" type="hidden" value="5" />
<input id="CheckInDate" name="CheckInDate" type="hidden" value="2014-4-11" />
<input id="CheckOutDate" name="CheckOutDate" type="hidden" value="2014-4-12" />
</div>
</form>
<script type="text/javascript">
(function ($, undefined) {
$(function () { //dom ready
$('#titleString').text($(document)[0].title);
$('#datetab').click(function () {
$('#datebox').toggle();
$('.icon-down').toggleClass('icon-down-up');
});
$('#datecancel').click(function () {
$('#datebox').hide();
});
var open = null, today = new Date();
var beginday = '2014-4-11';
var endday = '2014-4-12';
//设置开始时间为今天
$('#datestart').html(beginday + '<span class="ui-icon-down"></span>');
//设置结束事件
$('#dateend').html(endday +
'<span class="ui-icon-down"></span>');
$('#datepicker_start').calendar({
//初始化开始时间的datepicker
date: $('#datestart').text(), //设置初始日期为文本内容
minDate: new Date(today.getFullYear(), today.getMonth(), today.getDate()), //设置最小日期为当月第一天,既上一月的不能选
maxDate: new Date(today.getFullYear(), today.getMonth(), today.getDate() + 25), //设置最大日期为结束日期,结束日期以后的天不能选
select: function (e, date, dateStr) { //当选中某个日期时。
var day1 = new Date(date.getFullYear(), date.getMonth(), date.getDate() + 1);
$('#datepicker_end').calendar('minDate', day1).calendar('refresh'); //将结束时间的datepick的最小日期设成所选日期
//收起datepicker
open = null;
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【项目资源】:包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python、web、C#、EDA、proteus、RTOS等项目的源码。【项目质量】:所有源码都经过严格测试,可以直接运行。功能在确认正常工作后才上传。【适用人群】:适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。【附加价值】:项目具有较高的学习借鉴价值,也可直接拿来修改复刻。对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。【沟通交流】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。鼓励下载和使用,并欢迎大家互相学习,共同进步。
资源推荐
资源详情
资源评论
收起资源包目录
仿格子微酒店触屏版html5手机wap旅游网站模板_网站开发模板含源代码(css+html+js+图样).zip (46个子文件)
(FZY339)【清新iso7风格】仿格子微酒店触屏版html5手机wap旅游网站模板
Hotel.aspx.html 16KB
HotelList.aspxcheckInDate.html 12KB
Activitys.html 4KB
CityList.html 10KB
default.htm 3KB
HotelInfo.aspx.html 4KB
Member
Default.aspx 152B
MyOrder.aspx 152B
HotelReview.aspx.html 8KB
styles
bootstrap.min.css 104KB
NewGlobal.css 17KB
Gift.aspx.html 5KB
login.html 4KB
Hotel.aspxcheckInDate.html 16KB
News.aspx.html 2KB
Scripts
bootstrap.min.js 28KB
zepto.js 29KB
jquery-1.7.2.min.js 93KB
Images
memberdefault.png 11KB
coupon_icon5.png 3KB
icon_gps2.png 994B
icon_weixin.png 2KB
memberbg.png 2KB
coupon_icon4.png 4KB
share-icon.png 16KB
icon_reality.png 40KB
logo.png 5KB
defaultimg.png 32KB
coupon_icon6.png 5KB
location_icon.png 3KB
icon_return.png 838B
coupon_icon1.png 4KB
time_icon.png 4KB
coupon_icon2.png 4KB
calendar.png 4KB
coupon_icon3.png 4KB
icon_home.png 763B
coupon_icon7.png 4KB
help
2.jpg 24KB
1.jpg 30KB
5.jpg 38KB
0.jpg 20KB
3.jpg 29KB
4.jpg 23KB
help
Help.html 2KB
GiftList.html 7KB
共 46 条
- 1
资源评论
CrMylive.
- 粉丝: 1w+
- 资源: 4万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- LxRunOffline-v3.5.0-11-gfdab71a-msvc.zip
- 惠普Laser Jet Professional P1100(系列)打印机驱动下载
- C#毕业设计基于leap motion和CNN的手语识别系统源代码+数据集+项目文档+演示视频
- 绑定halcon显示控件,可实现ROI交互,用于机器视觉领域.zip
- java连接数据库,jdbc连接数据库,并实现在控制台显示输入书名查询书本
- MATLAB车辆运动目标跟踪检测项目源码+GUI界面(高分项目)
- 图片处理工具,抠图,gif
- C#基于leap motion和CNN的手语识别系统源代码+数据集+项目文档+演示视频(高分项目)
- Axure 9 滚动&动态表格制作方法
- python-2.7.18.amd64.msi
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功