1 Star 0 Fork 2

panwan1483/畅行吉林_hzs

forked from celticsv5/畅行吉林_hzs 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
AirportBus.html 12.79 KB
一键复制 编辑 原始数据 按行查看 历史
13601014569 提交于 2018-08-28 22:56 . 上传项目hzs就是我
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>机场大巴</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="css/all_css.css" />
<link rel="stylesheet" type="text/css" href="css/weui/base.css" />
<link rel="stylesheet" type="text/css" href="lib/weui.css" />
<link rel="stylesheet" type="text/css" href="css/weui/jquery-weui.css" />
<link rel="stylesheet" type="text/css" href="iconfont/iconfont.css" />
<style type="text/css">
body {
background-color: #F5F5F5;
}
.airportBus_main {
max-width: 640px;
min-width: 320px;
margin: 0px auto;
padding-bottom: 10px;
}
.app_head_left {
float: left;
width: 30%;
padding: 6px;
}
.app_head_left a {
color: #FFFFFF;
font-size: 1.5em;
font-weight: bold;
}
.app_head_mid {
float: left;
width: 40%;
padding-top: 5px;
}
.app_head_right {
float: right;
width: 30%;
text-align: right;
padding: 12px;
}
.app_head_right a {
color: #FFFFFF;
font-size: 1.3em;
font-weight: bold;
font-family: "黑体";
}
#app_head_title {
text-align: center;
color: #FFFFFF;
font-size: 1.6em;
font-family: "宋体";
font-weight: bold;
}
.airportBus_pic {
height: 220px;
margin-top: 70px;
}
.airportBus_pic img {
height: 100%;
width: 100%;
}
.airportBus_msg {
margin-top: 5px;
padding: 0px 10px;
}
#airportBus_msg_title {
color: #0070B4;
height: 50px;
line-height: 50px;
font-size: 1.2em;
font-weight: bold;
border-bottom: 1px solid #CECECE;
}
.neirong_blue {
color: #0070B4;
font-size: 1.1em;
}
.bbG {
border-bottom: 1px solid #CECECE;
}
.lh40 {
line-height: 40px;
}
#aviation_ul {
margin-top: 5px;
padding: 0 12px;
}
#aviation_ul li {
padding: 5px;
border-bottom: 1px solid #CDCDCD;
}
#aviation_ul li p span {
color: #0BB501;
}
#aviation_ul li p {
color: #666666;
height: 28px;
line-height: 28px;
}
.airMsg_title {
font-weight: bold;
color: #0070B4 !important;
font-size: 1.15em;
}
/*导航栏 中间部分*/
#airportMsg_mid {
margin-top: 20px;
}
/*三张渐变图*/
#jianbian_title {
width: 100%;
height: 260px;
/*background-color: #999999;*/
FILTER: progid: DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#666666, endColorStr=#353756);
/*IE*/
background: -moz-linear-gradient(top, #666666, #32C7F2);
/*火狐*/
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666666), to(#353756));
/*谷歌*/
background-image: -webkit-gradient(linear, left bottom, left top, color-start(0, #666666), color-stop(1, #353756));
/* Safari & Chrome*/
filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#666666', endColorstr='#353756');
/*IE6 & IE7*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#666666', endColorstr='#353756')";
/* IE8 */
}
.lunboImg {
width: 100%;
height: 100%;
}
.lunboImg1 {
background: url(img/AirportBus/airport_pic1.png) no-repeat;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
}
.lunboImg2 {
background: url(img/AirportBus/airport_pic2.jpg) no-repeat;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
}
.lunboImg3 {
background: url(img/AirportBus/airport_pic3.jpg) no-repeat;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
}
/*机场信息 详情信息*/
#airMsg_main {
padding: 5px 1em;
}
#airMsg_main h1 {
height: 35px;
line-height: 45px;
font-weight: bold;
}
#airport_name {
color: #0070B4;
font-family: "宋体";
font-size: 1.25em;
}
#airMsg_main p {
margin-top: 10px;
}
#airMsg_main p span {
display: inline-block;
line-height: 1.7em;
margin-left: 5.5em;
color: #444444;
}
#airMsg_main p a {
position: absolute;
color: #0BB501;
font-size: 1.1em;
}
#alertAirportBus {
text-decoration: underline;
color: #0BB501;
float: right;
font-weight: 100;
font-weight: bold;
}
/*点击跳转至地图*/
#airJumpToMap {
padding-left: 25px;
height: 30px;
display: inline-block;
}
#airJumpToMap a {
margin-left: -28px;
margin-top: -8px;
}
</style>
</head>
<body ontouchstart>
<div class="airportBus_main">
<div class="index_head">
<div class="app_head_left">
<a class="iconfont" onclick="returnBtn()">&#xe6d4;</a>
</div>
<div class="app_head_mid">
<p id="app_head_title">机场信息</p>
</div>
</div>
<div class="weui_tab" id="airportMsg_mid">
<div class="weui_navbar" id="secTitle">
<a href="#airList" class="weui_navbar_item weui_bar_item_on" id="chooseAirList"><b>机场列表</b></a>
<a href="#airMsg" class="weui_navbar_item" id="chooseAirMain"><b>机场详情</b></a>
</div>
<div class="weui_tab_bd" id="searchResultArea">
<div id="airList" class="weui_tab_bd_item weui_tab_bd_item_active">
<!--装载 所有机场列表-->
<div id="aviation_ul"></div>
</div>
<div id="airMsg" class="weui_tab_bd_item">
<div id="jianbian_title">
<div class="lunboImg lunboImg1"></div>
<div style="display: none;" class="lunboImg lunboImg2"></div>
<div style="display: none;" class="lunboImg lunboImg3"></div>
</div>
<div id="airMsg_main">
<h1><span id="airport_name"></span><a id="alertAirportBus" onclick="SearchLjjcBus()" style="display: none;">查看机场大巴</a></h1>
<!--<p data-x="" data-y="" style="color: #0BB501; font-size: 16px;" id="airJumpToMap" onclick="airJumpToMapShow(thisAirP)">
<a class="iconfont" style="color: #0BB501; font-size: 1.8em;">&#xe6c9;</a>
点击跳转至地图查看
</p>-->
<p>
<a>机场详情:</a>
<span id="airport_xiangqing"></span>
</p>
<p>
<a>公共交通:</a>
<span id="airport_airbus"></span></p>
<p>
<a>周边情况:</a>
<span id="airport_nearby"></span></p>
<p>
<a>乘出租车:</a>
<span id="airport_taxi"></span></p>
</div>
<div class="airportBus_all">
<div class="airportBus_msg" id="LJairportBus_msg" style="display: none;">
<div id="airportBus_msg_title">开往长春方向</div>
主线:人民广场
<p class="neirong_blue">长春龙嘉国际机场-人民广场(宾委路)</p>
<p class="neirong_blue">
<a style="color: #666666;">途经站点:</a>东方广场、民丰大街、和顺街、难关民航宾馆、人民广场</p>
南关民航宾馆首班发车时间:
<p class="neirong_blue">首班:6:00;末班:20:00(间隔半小时发车)</p>
长春龙嘉国际机场发车时间:
<p class="neirong_blue bbG lh40">首班:第一架航班落地&nbsp;&nbsp;末班:航班结束</p>
直线:高速公路客运站
<p class="neirong_blue">高速公路客运站-龙嘉国际机场</p>
<p class="neirong_blue">
<a style="color: #666666;">高速公路站点地址:</a>高速公路客运站院内,经停会展中心酒店
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
<script src="js/md5.js" type="text/javascript" charset="utf-8"></script>
<script src="js/weui/jquery-weui.js" type="text/javascript" charset="utf-8"></script>
<script src="js/back_end.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(function() {
getAirInfo();
getPicHeight();
})
//获取机场基本信息
function getAirInfo() {
$.ajax({
type: 'post',
url: Url,
async: false,
cache: false,
data: {
type: "airport_info",
AIRPORT: "", //机场名称
AIRZONE: "" //市名
},
dataType: "jsonp", //数据类型为jsonp
jsonp: "callbackparam", //服务端用于接收callback调用的function名的参数
jsonpCallback: "jsonpCallback1",
success: function(data) {
if(data.CODE == "1") {
console.log(data);
var d = data.DATA;
var m = data.MDATA;
if(isEncrypt(d, m)) {
d = eval(d);
console.log(d);
var a = $("#aviation_ul");
a.html("");
var tag = "";
for(var i = 0; i < d.length; i++) {
d[i].AIRPORTBUS = d[i].AIRPORTBUS == "null" ? "暂无数据" : d[i].AIRPORTBUS; //机场大巴
d[i].HOTLINE = d[i].HOTLINE == "null" ? "暂无数据" : d[i].HOTLINE; //电话
d[i].PARKING = d[i].PARKING == "null" ? "暂无数据" : d[i].PARKING; //停车场
d[i].PARKINGFEE = d[i].PARKINGFEE == "null" ? "暂无数据" : d[i].PARKINGFEE; //停车费PARKLOCATION
d[i].PARKLOCATION = d[i].PARKLOCATION == "null" ? "暂无数据" : d[i].PARKLOCATION; //停车场坐标
d[i].PERIPHERY = d[i].PERIPHERY == "null" ? "暂无数据" : d[i].PERIPHERY; //周边
d[i].TAXI = d[i].TAXI == "null" ? "暂无数据" : d[i].TAXI; //出租信息
tag += "<li onclick='jumpToAirMsg(this)' data-airzb='" + d[i].COORDINATE + "' data-airname='" + d[i].STDNAME + "' data-xiangqing='" + d[i].INTRODUCTION + "'" +
"data-airbus='" + d[i].AIRPORTBUS + "' data-zhoubian='" + d[i].PERIPHERY + "' data-taxi='" + d[i].TAXI + "'>" +
"<p class='airMsg_title'>" + d[i].STDNAME + "</p>" +
"<p><span>位置: &nbsp;</span>" + d[i].ADDRESS + "</p>" +
"<p><span>电话: &nbsp;</span>" + d[i].HOTLINE + "</p></li>"
}
a.append(tag);
}else{
errMD();
}
}
// getTrainInfo();
},
error: function() {
$.alert("连接超时,请重试", "提示");
}
});
}
// 头部动画;
var curIndex = 0; //当前index
// 定时器自动变换3秒每次
var autoChange = setInterval(function() {
if(curIndex < 2) {
curIndex++;
} else {
curIndex = 0;
}
//调用变换处理函数
changeTo(curIndex);
}, 3000);
function changeTo(num) {
$("#jianbian_title").find(".lunboImg").hide().eq(num).fadeIn(500).delay(1000);
}
//点击返回按钮
function returnBtn() {
if($("#chooseAirList").hasClass("weui_bar_item_on")) { //当前页面处于列表页时 返回上一层
window.location.href = "javascript:history.go(-1)";
} else if(document.getElementById("LJairportBus_msg").style.display != "none") {
$("#LJairportBus_msg").hide();
$("#airMsg_main").show(); //从龙嘉机场大巴页跳转回机场详情页
} else {
$("#chooseAirList").click();
// console.log(document.getElementById("LJairportBus_msg").style.display);
}
}
//跳转至机场信息详情
function jumpToAirMsg(t) {
var name = $(t).children()[0].innerHTML;
var main = $(t).attr("data-xiangqing");
console.log($(t).attr("data-airbus"));
var busStr = $(t).attr("data-airbus").split(";");
var bus = "";
for(var i = 0; i < busStr.length; i++) {
if(busStr.length > 1) {
bus += busStr[i] + "<br/>";
}
}
var nearby = $(t).attr("data-zhoubian");
var taxi = $(t).attr("data-taxi");
$("#airport_name").html(name);
$("#airport_xiangqing").html(main);
$("#airport_airbus").html(bus);
$("#airport_nearby").html(nearby);
$("#airport_taxi").html(taxi);
$("#chooseAirMain").click();
//判断点击的是否为长春龙嘉机场
if($("#airport_name").html().indexOf("长春龙嘉国际机场") != -1) {
$("#alertAirportBus").show();
} else {
$("#alertAirportBus").hide();
}
}
function getPicHeight() {
var titleH = document.documentElement.clientHeight * 0.3; //占屏幕高度的30%
$("#jianbian_title").height(titleH);
}
//当搜索内容为长春龙嘉机场时 添加查询图标
function addIconSearchLJ() {
$("#alertAirportBus").show();
}
function SearchLjjcBus() {
$("#airMsg_main").hide();
$("#LJairportBus_msg").show();
}
</script>
</body>
</html>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/panwan1483/jilin__hzs.git
git@gitee.com:panwan1483/jilin__hzs.git
panwan1483
jilin__hzs
畅行吉林_hzs
master

搜索帮助

0d507c66 1850385 C8b1a773 1850385