534 lines
22 KiB
HTML
534 lines
22 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<title>Chengdu Tianfu International Airport</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" />
|
|
<link rel="stylesheet" type="text/css" href="/css/enstyle.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">
|
|
HotLine<br>
|
|
028-86906666<br>
|
|
Mini Program<br>
|
|
<img src="/image/ewm_1.png">
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a href="/EN/opinion/opinion.html"><img src="/image/sbar_2.png" alt=""><span>Opinion</span></a>
|
|
<a href="javascript:;" class="gotop"><img src="/image/sbar_3.png" alt=""><span>Back to Top</span></a>
|
|
</div> <!--头部-->
|
|
<div class="head_box w-100 showBox">
|
|
<div class="w-1400">
|
|
<div class="pull-left"><a href="/EN/"><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="Search" 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">CTU</a>
|
|
</div>
|
|
<em></em>
|
|
<div class="between-center phone-none"><img src="/image/ix_hd_icon2.png">About Us
|
|
<div>
|
|
<a href="/EN/profile/profile.html">Airport Introduction</a>
|
|
<a href="/EN/notice/notice.html">Announcement</a>
|
|
<a href="/EN/news/news.html">News</a>
|
|
</div>
|
|
</div>
|
|
<em></em>
|
|
<a href="/" class="between-center"><img src="/image/ix_hd_icon3.png">中文</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="/EN/flight/flight.html">Flight</a></li>
|
|
<li><a href="/EN/guide/guide.html">Guide</a></li>
|
|
<li><a href="/EN/traffic/traffic.html">Traffic</a></li>
|
|
<li><a href="/EN/service/service.html">Service</a></li>
|
|
<li><a href="/EN/play/play.html">Discovery</a></li>
|
|
<li><a href="http://www.cdairport.com/index.aspx">CTU</a></li>
|
|
<li><a href="/EN/profile/profile.html">Airport Introduction</a></li>
|
|
<li><a href="/ENabout/notice/notice.html">Announcement</a></li>
|
|
<li><a href="/EN/about/news/news.html">News</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>Flight</strong>
|
|
<ul>
|
|
<li><a href="/EN/flight/departure/departure.html">Departure</a></li>
|
|
<li><a href="/EN/flight/arrival/arrival.html">Arrival</a></li>
|
|
<li><a href="/EN/flight/route/route.html">Route</a></li>
|
|
<li><a href="/EN/flight/airline/airline.html">Airlines Information</a></li>
|
|
</ul>
|
|
<!-- <ul>-->
|
|
<!-- <li><a href="http://www.cdairport.com/flight.aspx?t=2">ShuangliuFlight</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>Guide</strong>
|
|
<ul>
|
|
<li><a href="/EN/guide/departure/departure.html">Departure Process</a></li>
|
|
<li><a href="/EN/guide/transfer/transfer.html">Transfer Process</a></li>
|
|
<li><a href="/EN/guide/arrival/arrival.html">Arrival Process</a></li>
|
|
<li><a href="/EN/guide/notice/notice.html">Instruction</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>Traffic</strong>
|
|
<ul>
|
|
<li><a href="/EN/traffic/tofrom/tofrom.html?id=346">To & From Airport</a></li>
|
|
<li><a href="/EN/traffic/tramode/tramode.html?id=590">Comprehensive Transport</a></li>
|
|
<li><a href="/EN/traffic/parking/parking.html?id=591">Parking Building</a></li>
|
|
<li><a href="/EN/traffic/ggtcc/ggtcc.html?id=807">Public Parking Lot</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>Service</strong>
|
|
<ul>
|
|
<li><a href="/EN/service/promise/promise.html">Our Commitment</a></li>
|
|
<li><a href="/EN/service/love/love.html">Special Care Service</a></li>
|
|
<li><a href="/EN/service/luggage/luggage.html">Baggage Service</a></li>
|
|
<li><a href="/EN/service/important/important.html">VIP Service</a></li>
|
|
</ul>
|
|
<ul>
|
|
<li><a href="/EN/service/wifi/wifi.html">Internet Service</a></li>
|
|
<li><a href="/EN/service/transit/transit.html">Transfer Service</a></li>
|
|
<li><a href="/EN/service/map/map.html">Map Service</a></li>
|
|
<li><a href="/EN/service/urgent/urgent.html">Emergency Service</a></li>
|
|
</ul>
|
|
<ul>
|
|
<li><a href="/EN/service/goods/goods.html">Cargo Service</a></li>
|
|
<li><a href="/EN/service/apm/apm.html">APM</a></li>
|
|
<li><a href="/EN/service/cityp/cityp.html">City Terminal</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>Discovery</strong>
|
|
<ul>
|
|
<li><a href="/EN/play/catering/catering.html">Dining</a></li>
|
|
<li><a href="/EN/play/shopping/shopping.html">Shopping</a></li>
|
|
<li><a href="/EN/play/other/other.html">More to Discover</a></li>
|
|
<li><a href="/EN/play/hotel/hotel.html">Airport Hotel</a></li>
|
|
</ul>
|
|
<ul>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="popup-bg1" style="display: none">
|
|
<div class="ppopup-center">
|
|
<div class="ppopup-head" style="color: black"><img src="/image/icon_wzts.png">Notice</div>
|
|
<!--内容-->
|
|
<div class="ppopup-text" style="color: black;text-align:justify;">
|
|
<div>
|
|
Chengdu Tianfu International Airport Branch of Sichuan Airport Group Co., Ltd. organizes and implements the recruitment work on its own, and does not entrust any third party to implement the recruitment program, and will not charge fare by any means from the job seekers during the recruitment process.
|
|
</div>
|
|
<div>
|
|
Our company will only post job vacancies and accept resumes via this official website. To avoid any losses, job seekers are suggested to be cautious about employment fraud.
|
|
</div>
|
|
</div>
|
|
<div class="ppopup-footer">
|
|
<a class="ppopup-on1" href="http://ctia.chinahr.com">Continue</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="/EN"+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:2
|
|
},
|
|
type: "POST",
|
|
dataType: "JSON",
|
|
success: function (data) {
|
|
if (data.length == 0){
|
|
str += "<li style='cursor: pointer;'>No search results</li>"
|
|
$("#xiala").html(str);
|
|
}else {
|
|
searchList=data
|
|
for (var i = 0; i < data.length; i++) {
|
|
str += "<li link=\"/EN"+data[i].modelPath+"\" style='cursor: pointer;'><a href=\"/EN"+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:2
|
|
},
|
|
type: "POST",
|
|
dataType: "JSON",
|
|
success: function (data) {
|
|
for (var i = 0; i < data.length; i++) {
|
|
str += "<li link=\"/EN"+data[i].modelPath+"\" style='cursor: pointer;'><a href=\"/EN"+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">
|
|
<a href="/EN/guide/departure/departure.html"><span><i style="background: url(/qwer/20201119/a245d03f8d42492389998fef0b7d50e6.png)no-repeat;"></i>Departure Process</span></a>
|
|
</div>
|
|
<div class="list active">
|
|
<a href="/EN/guide/transfer/transfer.html"><span><i style="background: url(/qwer/20201119/39bd8dfb70124c45850da88699ce0903.png)no-repeat;"></i>Transfer Process</span></a>
|
|
</div>
|
|
<div class="list">
|
|
<a href="/EN/guide/arrival/arrival.html"><span><i style="background: url(/qwer/20201119/6cd78c4dd831475abfd9e1d313566c70.png)no-repeat;"></i>Arrival Process</span></a>
|
|
</div>
|
|
<div class="list">
|
|
<a href="/EN/guide/notice/notice.html"><span><i style="background: url(/qwer/20201119/67d574e7634847ae877e6db0794784f2.png)no-repeat;"></i>Instruction</span></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 内容-->
|
|
<div class="content">
|
|
<div class="w-1200" aos="fade-up" aos-delay="100">
|
|
<!--面包屑-->
|
|
<div class="crumbs">
|
|
<a href="/EN/">Home</a>
|
|
<a href="/EN/guide/guide.html">Guide</a>
|
|
<span>Transfer Process</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,'a672')"><a href="javascript:;">Domestic Arrival Transfer</a></li>
|
|
<li onclick="sidebarTab(this,'a673')"><a href="javascript:;">Int'l Arrival Transfer</a></li>
|
|
</ul>
|
|
</div>
|
|
<!--右侧内容-->
|
|
<div id="a672" class="f-r box-content">
|
|
<div class="name bg-name">
|
|
<h3>Domestic Arrival Transfer</h3>
|
|
</div>
|
|
<!--内容-->
|
|
<div class="box-txt top40">
|
|
<p><img src="/qwer/202109/a11be9dbf8ea4d37af28812ae590bf43.png" title="" alt=""/></p>
|
|
</div>
|
|
</div>
|
|
<div id="a673" class="f-r box-content">
|
|
<div class="name bg-name">
|
|
<h3>Int'L Arrival Transfer</h3>
|
|
</div>
|
|
<!--内容-->
|
|
<div class="box-txt top40">
|
|
<p><img src="/qwer/20210914/ec532ef02ca5431e8148919b4af76f59.png" title="" alt=""/></p>
|
|
</div>
|
|
</div>
|
|
<div id="a674" class="f-r box-content">
|
|
<div class="name bg-name">
|
|
<h3>International to Domestic</h3>
|
|
</div>
|
|
<!--内容-->
|
|
<div class="box-txt top40">
|
|
<p><img src="/qwer/20210412/b32e5a153dcc4858be48d34e74970dfc.png" title="" alt=""/></p>
|
|
</div>
|
|
</div>
|
|
<div id="a675" class="f-r box-content">
|
|
<div class="name bg-name">
|
|
<h3>International to International</h3>
|
|
</div>
|
|
<!--内容-->
|
|
<div class="box-txt top40">
|
|
<p><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 24px;"><strong>国际无托转国际</strong></span></p><p><img src="/qwer/20210412/3c8fdf817e8147cc9a87ad2d9ed8bc25.png" title="" alt=""/></p><p><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 24px;"><strong>国际有托转国际</strong></span></p><p><img src="/qwer/20210412/c60a18de5851424dae152abd1085a349.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="/EN/opinion/opinion.html">
|
|
Opinion
|
|
</a>
|
|
<a href="/EN/links/links.html">
|
|
Links
|
|
</a>
|
|
</div>
|
|
<div style="width:950px;margin:0 auto; padding:0px 0;margin-top:20px">
|
|
<p class="beian">© 2021 Chengdu Tianfu International Airport, all rights reserved</p>
|
|
<a target="_blank" href="http://www.beian.gov.cn" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
|
|
<p class="beian">Sichuan ICP NO.2021003993</p>
|
|
<img src="/image/batb.png" style="float:left;margin-left: 6px"/>
|
|
<p class="beian">Sichuan Public Network Security 51018002000073</p >
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<style>
|
|
.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>
|