581 lines
23 KiB
HTML
581 lines
23 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<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" />
|
|
<meta name="format-detection" content="telephone=no" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<meta name="renderer" content="webkit|ie-comp|ie-stand">
|
|
<meta name="Keywords" content="{$seo_keywords??''}">
|
|
<meta name="description" content="{$seo_description??''}">
|
|
<link rel="shortcut icon" type="image/ico" href="/favicon.ico">
|
|
<link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css" />
|
|
<link rel="stylesheet" type="text/css" href="/css/swiper.min.css" />
|
|
<link rel="stylesheet" type="text/css" href="/css/aos.css" />
|
|
<link rel="stylesheet" type="text/css" href="/css/style.css" />
|
|
<link rel="stylesheet" type="text/css" href="/css/new.css" />
|
|
<script src="/js/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="/js/aos.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="/js/script.js" type="text/javascript" charset="utf-8"></script>
|
|
<link rel="stylesheet" type="text/css" href="/layui/css/layui.css" />
|
|
<script src="/layui/layui.js" type="text/javascript" charset="utf-8"></script>
|
|
<link rel="shortcut icon" href="/image/favicon.ico" />
|
|
<!--<script>-->
|
|
<!-- document.onkeydown = function () {-->
|
|
<!-- if (window.event && window.event.keyCode == 123) {-->
|
|
<!-- event.keyCode = 0;-->
|
|
<!-- event.returnValue = false;-->
|
|
<!-- }-->
|
|
<!-- }-->
|
|
<!-- document.oncontextmenu = function (event) {-->
|
|
<!-- if (window.event) {-->
|
|
<!-- event = window.event;-->
|
|
<!-- }-->
|
|
<!-- try {-->
|
|
<!-- var the = event.srcElement;-->
|
|
<!-- if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) {-->
|
|
<!-- return false;-->
|
|
<!-- }-->
|
|
<!-- return true;-->
|
|
<!-- } catch (e) {-->
|
|
<!-- return false;-->
|
|
<!-- }-->
|
|
<!-- }-->
|
|
<!--</script>--> </head>
|
|
<body>
|
|
<div class="sidebar-box">
|
|
<a href="javascript:;"><img src="/image/sbar_1.png" alt="">
|
|
<div class="fix_customer_service">
|
|
<div>
|
|
<img src="/image/phone_1.png" style="width: 50px;height: 50px;background: none">
|
|
客服热线<br>
|
|
028-86906666<br>
|
|
旅客体验小程序<br>
|
|
<img src="/image/ewm_1.png">
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a href="/opinion/opinion.html"><img src="/image/sbar_2.png" alt=""><span>客户意见</span></a>
|
|
<a href="javascript:;" class="gotop"><img src="/image/sbar_3.png" alt=""><span>回到顶部</span></a>
|
|
</div> <!--头部-->
|
|
<div class="head_box w-100 showBox">
|
|
<div class="w-1400">
|
|
<div class="pull-left"><a href="/"><img src="/image/logo.png"></a></div>
|
|
<div class="pull-right">
|
|
<div class="top-box">
|
|
<div class="searcBox_l phone-none">
|
|
<i class="searcBox_l_ICON" onclick="clearInputText()"></i>
|
|
<input type="text" placeholder="搜索" class="searchBoxTEXT"></input>
|
|
<input type="button" class="btn_Sae" ></input>
|
|
<ul id="xiala" ></ul>
|
|
</div>
|
|
<div class="searcBox_l2" style="display: none">
|
|
<i class="searcBox_l_ICON2" onclick="clearInputText2()"></i>
|
|
<input type="text" class="searchBoxTEXT2"></input>
|
|
<input type="button" class="btn_Sae2"></input>
|
|
<ul id="xiala2"></ul>
|
|
</div>
|
|
<div class="link-box between-center">
|
|
<div class="between-center searchimg">
|
|
<a href="javascript:void(0)" onclick="searchtxt()"><img src="/image/icon_05.png"></a>
|
|
</div>
|
|
<div class="between-center phone-none">
|
|
<a href="http://www.cdairport.com/index.aspx"><img src="/image/ix_hd_iconflight.png">双流机场</a>
|
|
</div>
|
|
<em></em>
|
|
<div class="between-center phone-none"><img src="/image/ix_hd_icon2.png">关于我们
|
|
<div>
|
|
<a href="/about/introduce/introduce.html">机场简介</a>
|
|
<a href="/about/notice/notice.html">机场公告</a>
|
|
<a href="/about/news/news.html">机场新闻</a>
|
|
</div>
|
|
</div>
|
|
<em></em>
|
|
<a href="/EN/" class="between-center"><img src="/image/ix_hd_icon3.png">English</a>
|
|
<div class="nav_btn">
|
|
<i class="bar-top"></i>
|
|
<i class="bar-cen"></i>
|
|
<i class="bar-bom"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="lower-box w-100">
|
|
<ul>
|
|
<li><a href="/flight/flight.html">航班</a></li>
|
|
<li><a href="/guide/guide.html">指南</a></li>
|
|
<li><a href="/traffic/traffic.html">交通</a></li>
|
|
<li><a href="/service/service.html">服务</a></li>
|
|
<li><a href="/play/play.html">玩转机场</a></li>
|
|
<li><a href="http://www.cdairport.com/index.aspx">双流机场</a></li>
|
|
<li><a href="/about/introduce/introduce.html">机场简介</a></li>
|
|
<li><a href="/about/notice/notice.html">机场公告</a></li>
|
|
<li><a href="/about/news/news.html">机场新闻</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="head-menu">
|
|
<div class="center-block">
|
|
<div class="w-1200">
|
|
<div class="pull-left"><img src="/image/ix_hd_img1.png"></div>
|
|
<div class="pull-left between-top styleWidth">
|
|
<strong>航班</strong>
|
|
<ul>
|
|
<li><a href="/flight/departure/departure.html">出发航班</a></li>
|
|
<li><a href="/flight/arrival/arrival.html">到达航班</a></li>
|
|
<li><a href="/flight/route/route.html">航线</a></li>
|
|
<li><a href="/flight/aircompany/aircompany.html">航空公司</a></li>
|
|
</ul>
|
|
<!-- <ul>-->
|
|
<!-- <li><a href="http://www.cdairport.com/flight.aspx?t=2">双流航班查询</a></li>-->
|
|
<!-- </ul>-->
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="center-block">
|
|
<div class="w-1200">
|
|
<div class="pull-left"><img src="/image/ix_hd_img2.png"></div>
|
|
<div class="pull-left between-top styleWidth">
|
|
<strong>指南</strong>
|
|
<ul>
|
|
<li><a href="/guide/setout/setout.html">出发流程</a></li>
|
|
<li><a href="/guide/transfer/transfer.html">中转流程</a></li>
|
|
<li><a href="/guide/arrive/arrive.html">到达流程</a></li>
|
|
<li><a href="/guide/passenger/passenger.html">旅客须知</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="center-block">
|
|
<div class="w-1200">
|
|
<div class="pull-left"><img src="/image/ix_hd_img3.png"></div>
|
|
<div class="pull-left between-top styleWidth">
|
|
<strong>交通</strong>
|
|
<ul>
|
|
<li><a href="/traffic/tofrom/tofrom.html?id=260">往返机场</a></li>
|
|
<li><a href="/traffic/tramode/tramode.html?id=261">综合交通</a></li>
|
|
<li><a href="/traffic/parking/parking.html?id=262">停车楼</a></li>
|
|
<li><a href="/traffic/ggtc/ggtc.html?id=799">公共区停车场</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="center-block">
|
|
<div class="w-1200">
|
|
<div class="pull-left"><img src="/image/ix_hd_img4.png"></div>
|
|
<div class="pull-left between-top styleWidth">
|
|
<strong>服务</strong>
|
|
<ul>
|
|
<li><a href="/service/promise/promise.html">服务承诺</a></li>
|
|
<li><a href="/service/love/love.html">爱心服务</a></li>
|
|
<li><a href="/service/luggage/luggage.html">行李服务</a></li>
|
|
<li><a href="/service/important/important.html">贵宾服务</a></li>
|
|
</ul>
|
|
<ul>
|
|
<li><a href="/service/wifi/wifi.html">网络服务</a></li>
|
|
<li><a href="/service/transit/transit.html">中转服务</a></li>
|
|
<li><a href="/service/map/map.html">地图服务</a></li>
|
|
<li><a href="/service/urgent/urgent.html">应急服务</a></li>
|
|
</ul>
|
|
<ul>
|
|
<li><a href="/service/goods/goods.html">货运服务</a></li>
|
|
<li><a href="/service/apm/apm.html">旅客捷运系统(APM)</a></li>
|
|
<li><a href="/service/city/city.html">城市候机楼</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="center-block">
|
|
<div class="w-1200">
|
|
<div class="pull-left"><img src="/image/ix_hd_img5.png"></div>
|
|
<div class="pull-left between-top styleWidth">
|
|
<strong>玩转机场</strong>
|
|
<ul>
|
|
<li><a href="/play/catering/catering.html">餐饮</a></li>
|
|
<li><a href="/play/shopping/shopping.html">购物</a></li>
|
|
<li><a href="/play/other/other.html">休闲及其他</a></li>
|
|
<li><a href="/play/hotel/hotel.html">酒店</a></li>
|
|
</ul>
|
|
<ul>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- <div class="popup-bg1" style="display: none">-->
|
|
<!-- <div class="ppopup-center1">-->
|
|
<!-- <div class="ppopup-head1" style="color: black"><img src="/image/icon_wzts.png">网站提示</div>-->
|
|
<!-- <!–内容–>-->
|
|
<!-- <div class="ppopup-text1" style="color: black;text-align:justify;">-->
|
|
<!-- <div>-->
|
|
<!-- 四川省机场集团有限公司成都天府国际机场分公司人才招聘工作均由公司自行组织实施，未委托任何第三方机构实施招聘，在招聘过程中不会以任何名义向应聘者收取任何费用。-->
|
|
<!-- </div>-->
|
|
<!-- <div>-->
|
|
<!-- 此网页为我公司人才招聘简历投递的唯一途径，请广大应聘者注意甄别、防止上当受骗。-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="ppopup-footer">-->
|
|
<!-- <a class="ppopup-on1" href="http://ctia.chinahr.com">继续</a>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
</div>
|
|
<div class="fix-box2" style="display: none">
|
|
<div class="center2">
|
|
<div class="top2">
|
|
<div class="title2">
|
|
<div class="chn2">提示</div>
|
|
</div>
|
|
<div class="des2">
|
|
<div>
|
|
四川省机场集团有限公司成都天府国际机场分公司人才招聘工作均由公司自行组织实施，未委托任何第三方机构实施招聘，在招聘过程中不会以任何名义向应聘者收取任何费用。
|
|
</div>
|
|
<div>
|
|
此网页为我公司人才招聘简历投递的唯一途径，请广大应聘者注意甄别、防止上当受骗。
|
|
</div>
|
|
</div>
|
|
<div class="close-gb2">
|
|
<a href="http://ctia.chinahr.com">继续</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
function renderForm(){
|
|
layui.use('form', function(){
|
|
var form1 = layui.form;
|
|
form1.render();
|
|
});
|
|
}
|
|
$(".close-gb2").click(function(e) {
|
|
$(".fix-box2").toggle();
|
|
});
|
|
$("#rczp").click(function(e) {
|
|
$(".fix-box2").toggle();
|
|
});
|
|
$(function () {
|
|
renderForm();
|
|
})
|
|
$(".searchBoxTEXT").keydown(function (e){
|
|
if (e.keyCode == '13') {
|
|
window.parent.location.href=searchList[0].modelPath;
|
|
}
|
|
})
|
|
let searchList=[]
|
|
$(".searchBoxTEXT").bind('input propertychange',function () {
|
|
var name = $(".searchBoxTEXT").val();
|
|
var str = "";
|
|
$.ajax({
|
|
url: "/ddpflight/category/searchCategory",
|
|
data: {
|
|
name:name,
|
|
language:1
|
|
},
|
|
type: "POST",
|
|
dataType: "JSON",
|
|
success: function (data) {
|
|
if (data.length == 0){
|
|
str += "<li style='cursor: pointer;'>无搜索结果</li>"
|
|
$("#xiala").html(str);
|
|
}else {
|
|
searchList=data
|
|
for (var i = 0; i < data.length; i++) {
|
|
str += "<li link=\""+data[i].modelPath+"\" style='cursor: pointer;'><a href=\""+data[i].modelPath+"\">"+data[i].categoryTitle+"</a></li>"
|
|
}
|
|
$("#xiala").html(str);
|
|
$("#xiala").on("click" , "li" , function(){
|
|
var link = $(this).attr("link");
|
|
window.parent.location.href=link;
|
|
})
|
|
}
|
|
}
|
|
});
|
|
})
|
|
$(".searchBoxTEXT2").bind('input propertychange',function () {
|
|
var name = $(".searchBoxTEXT2").val();
|
|
var str = "";
|
|
$.ajax({
|
|
url: "/ddpflight/category/searchCategory",
|
|
data: {
|
|
name:name,
|
|
language:1
|
|
},
|
|
type: "POST",
|
|
dataType: "JSON",
|
|
success: function (data) {
|
|
for (var i = 0; i < data.length; i++) {
|
|
str += "<li link=\""+data[i].modelPath+"\" style='cursor: pointer;'><a href=\""+data[i].modelPath+"\">"+data[i].categoryTitle+"</a></li>"
|
|
}
|
|
$("#xiala2").html(str);
|
|
$("#xiala2").on("click" , "li" , function(){
|
|
var link = $(this).attr("link");
|
|
window.parent.location.href=link;
|
|
})
|
|
}
|
|
});
|
|
})
|
|
function clearInputText(){
|
|
$(".searchBoxTEXT").val('')
|
|
$("#xiala").html('')
|
|
$('.searcBox_l').removeClass('searchObjWidth')
|
|
$(".searcBox_l_ICON").removeClass("searchObjShow")
|
|
$('.searchBoxTEXT').removeClass("searchObjShow")
|
|
}
|
|
function clearInputText2() {
|
|
$(".searchBoxTEXT2").val('')
|
|
$("#xiala2").html('')
|
|
$('.searcBox_l2').css('display','none');
|
|
}
|
|
$('.searcBox_l').mouseenter(function() {
|
|
$(this).addClass('searchObjWidth');
|
|
$(".searcBox_l_ICON").addClass("searchObjShow")
|
|
$('.searchBoxTEXT').addClass("searchObjShow")
|
|
})
|
|
function searchtxt(){
|
|
$('.searcBox_l2').css('display','block');
|
|
}
|
|
</script>
|
|
<!--banner-->
|
|
<div class="center-banner w-100 between-center guide-banner">
|
|
<div class="w-1200">
|
|
<div class="text" aos="fade-left" aos-delay="100">
|
|
<div class="info_mc">
|
|
<h3>指南</h3>
|
|
<h2>guide</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--二级菜单-->
|
|
<div class="mune w-100 ">
|
|
<div class="w-1200 t-c">
|
|
<div class="list active">
|
|
<a href="/guide/setout/setout.html"><span><i style="background: url(/qwer/20201112/b9ddd63912e34572a9984970f6dd5f89.png)no-repeat;"></i>出发流程</span></a>
|
|
</div>
|
|
<div class="list">
|
|
<a href="/guide/transfer/transfer.html"><span><i style="background: url(/qwer/20201112/47ea4163025d44e087e586a03971776e.png)no-repeat;"></i>中转流程</span></a>
|
|
</div>
|
|
<div class="list">
|
|
<a href="/guide/arrive/arrive.html"><span><i style="background: url(/qwer/20201112/844b167d23994e2394cf7b8c4561207c.png)no-repeat;"></i>到达流程</span></a>
|
|
</div>
|
|
<div class="list">
|
|
<a href="/guide/passenger/passenger.html"><span><i style="background: url(/qwer/20201112/c01a4e09bb1c4cc9af41674773595b88.png)no-repeat;"></i>旅客须知</span></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 内容-->
|
|
<div class="content">
|
|
<div class="w-1200" aos="fade-up" aos-delay="100">
|
|
<!--面包屑-->
|
|
<div class="crumbs">
|
|
<a href="/">首页</a>
|
|
<a href="/guide/guide.html">指南</a>
|
|
|
|
<span>出发流程</span>
|
|
</div>
|
|
</div>
|
|
<!--内容-->
|
|
<div class="w-1200" aos="fade-up" aos-delay="100">
|
|
<div class="box top-bottom nobg">
|
|
<!-- 头部导航 -->
|
|
<div class="top-slider sidebar">
|
|
<ul class="sidebar-list">
|
|
<li class="active" onclick="sidebarTab(this,'a626')"><a href="javascript:;">1号航站楼出发</a></li>
|
|
<li onclick="sidebarTab(this,'a627')"><a href="javascript:;">2号航站楼出发</a></li>
|
|
</ul>
|
|
</div>
|
|
<!--右侧内容-->
|
|
<div id="a626" class="f-r box-content">
|
|
<div class="name bg-name">
|
|
<h3>1号航站楼出发</h3>
|
|
</div>
|
|
<!--内容-->
|
|
<div class="box-txt top40">
|
|
<p><img src="/qwer/20210914/b4d49e265c6e416a956bf53346ee5f91.png" title="" alt=""/></p>
|
|
</div>
|
|
</div>
|
|
<div id="a627" class="f-r box-content">
|
|
<div class="name bg-name">
|
|
<h3>2号航站楼出发</h3>
|
|
</div>
|
|
<!--内容-->
|
|
<div class="box-txt top40">
|
|
<p><img src="/qwer/20210914/cb2a863c9de9400d88f4ab2375580b17.png" title="" alt=""/></p>
|
|
</div>
|
|
</div>
|
|
<!--右侧内容-->
|
|
</div>
|
|
<!---->
|
|
</div>
|
|
</div>
|
|
<div id="outerdiv" style="position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);z-index:2;width:100%;height:100%;display:none;">
|
|
<div id="innerdiv" style="position: absolute">
|
|
<img id="bigimg" style="border:5px solid #fff;background:rgb(255,255,255);" src="" />
|
|
</div>
|
|
</div> <!--内容结束-->
|
|
<div class="footer">
|
|
<!--img-->
|
|
<div class="footer-img">
|
|
<img src="/image/bg_02.png" />
|
|
</div>
|
|
<!---->
|
|
<div class="footer_bg">
|
|
<div class="w-1200 t-c">
|
|
<div class="footer_middle">
|
|
<a href="https://weibo.com/u/2885909671?is_all=1" target="_blank"><img src="/qwer/20210301/bd193cfa59bb4acb8e8020c5df8161bd.png" alt="" /></a>
|
|
<a href="javascript:;">
|
|
<img src="/qwer/20210301/5871364baaee4a6ab4d4a4fc43c0bd1c.png" alt="" />
|
|
<i><img src="/qwer/20210326/b165b3d207554ac987fa846203513410.jpg" /></i>
|
|
</a>
|
|
<a href="/opinion/opinion.html">
|
|
客户意见
|
|
</a>
|
|
<a href="/link/link.html">
|
|
友情链接
|
|
</a>
|
|
</div>
|
|
<div class="foot_div">
|
|
<p class="beian">© 2021成都天府国际机场版权所有</p>
|
|
<a class="foot_a" target="_blank" href="http://www.beian.gov.cn">
|
|
<p class="beian">蜀ICP备2021003993号</p>
|
|
<p class="beian"><img class="foot_img" src="/image/batb.png"/>川公网安备 51018002000073号</p >
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<style>
|
|
@media screen and (min-width: 1024px) {
|
|
.foot_div{
|
|
width:50%;
|
|
margin:0 auto;
|
|
padding:0px 0;
|
|
margin-top:20px
|
|
}
|
|
.foot_a{
|
|
display:inline-block;
|
|
text-decoration:none;
|
|
height:20px;
|
|
line-height:20px;
|
|
}
|
|
.foot_img{
|
|
float:left;margin-left: 6px
|
|
}
|
|
.beian{
|
|
float:left;
|
|
height:20px;
|
|
line-height:20px;
|
|
margin: 0px 0px 0px 5px;
|
|
color:#939393;
|
|
}
|
|
}
|
|
@media screen and (max-width: 1024px) {
|
|
.foot_div{
|
|
/*width:50%;*/
|
|
/*margin:0 auto;*/
|
|
/*padding:0px 0;*/
|
|
/*margin-top:20px*/
|
|
}
|
|
.foot_a{
|
|
display:inline-block;
|
|
text-decoration:none;
|
|
height:20px;
|
|
line-height:20px;
|
|
}
|
|
.foot_img{
|
|
float:left;margin-left: 6px
|
|
}
|
|
.beian{
|
|
/*float:left;*/
|
|
height:20px;
|
|
line-height:20px;
|
|
margin: 0px 0px 0px 5px;
|
|
color:#939393;
|
|
}
|
|
}
|
|
</style> <script>
|
|
AOS.init({
|
|
easing: 'swing',
|
|
duration: 800,
|
|
offset: 100,
|
|
once:true
|
|
});
|
|
</script>
|
|
<script>
|
|
$(function(){
|
|
//展开
|
|
$('.sidebar-click').each(function(){
|
|
var that = $(this)
|
|
$('.sidebar-active .sidebar-list').show();
|
|
that.find('.sidebar-tit').click(function(){
|
|
if(that.find('.sidebar-list').is(':hidden')){
|
|
that.find('.sidebar-list').slideDown();
|
|
that.addClass('sidebar-active');
|
|
}else{
|
|
that.find('.sidebar-list').slideUp();
|
|
that.removeClass('sidebar-active');
|
|
}
|
|
})
|
|
});
|
|
$(".box-txt.top40 > p > img").addClass("pimg");
|
|
$(".pimg").click(function(){
|
|
var _this = $(this);//将当前的pimg元素作为_this传入函数
|
|
imgShow("#outerdiv", "#innerdiv", "#bigimg", _this);
|
|
})
|
|
function imgShow(outerdiv, innerdiv, bigimg, _this) {
|
|
var src = _this.attr("src");//获取当前点击的pimg元素中的src属性
|
|
$(bigimg).attr("src", src);//设置#bigimg元素的src属性
|
|
|
|
/*获取当前点击图片的真实大小，并显示弹出层及大图*/
|
|
$("<img/>").attr("src", src).on('load',function(){
|
|
var windowW = $(window).width();//获取当前窗口宽度
|
|
var windowH = $(window).height();//获取当前窗口高度
|
|
var realWidth = this.width;//获取图片真实宽度
|
|
var realHeight = this.height;//获取图片真实高度
|
|
var imgWidth, imgHeight;
|
|
if (realWidth > windowW){
|
|
imgWidth = windowW
|
|
}else {
|
|
imgWidth = realWidth
|
|
}
|
|
var wheight = windowH;
|
|
imgHeight = realHeight;
|
|
$(bigimg).css("width", imgWidth);//以最终的宽度对图片缩放
|
|
|
|
var w = (windowW - imgWidth) / 2;//计算图片与窗口左边距
|
|
var h = (windowH - imgHeight) / 2;//计算图片与窗口上边距
|
|
if(realWidth > windowW){
|
|
$(innerdiv).css({"top":50, "left": w,'height':wheight,'overflow': 'scroll'});//设置#innerdiv的top和left属性
|
|
}else{
|
|
var toppx=wheight/2-imgHeight
|
|
$(innerdiv).css({"top": toppx, "left": w,'height':wheight,'overflow': 'auto'});//设置#innerdiv的top和left属性
|
|
}
|
|
|
|
$(outerdiv).fadeIn("fast");//淡入显示#outerdiv及.pimg
|
|
$('body').css({
|
|
"overflow-x":"hidden",
|
|
"overflow-y":"hidden"
|
|
});
|
|
})
|
|
|
|
$(outerdiv).click(function () {//再次点击淡出消失弹出层
|
|
$(this).fadeOut("fast");
|
|
$('body').css({
|
|
"overflow-x":"auto",
|
|
"overflow-y":"auto"
|
|
});
|
|
});
|
|
|
|
}
|
|
})
|
|
</script>
|
|
</body>
|
|
</html>
|