You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
124 lines
3.7 KiB
JavaScript
124 lines
3.7 KiB
JavaScript
/* Ready
|
|
--------------------------------------------- */
|
|
$(function(){
|
|
$(".currentFlag").click(function(){
|
|
$(".slideBox").show();
|
|
});
|
|
$(".languageSwitch .slideBox .closeBox").click(function(){
|
|
$(".slideBox").hide();
|
|
});
|
|
});
|
|
|
|
$(document).ready(function(){
|
|
// Keep the lightbox cover the whole document
|
|
var pageHeight;
|
|
calculateLightboxHeight();
|
|
function calculateLightboxHeight() {
|
|
pageHeight = $(document).height()+"px";
|
|
$('.cover').height(pageHeight);
|
|
}
|
|
$(window).resize(function(){
|
|
calculateLightboxHeight();
|
|
});
|
|
});
|
|
|
|
(function() {
|
|
var navlinks = $('#menu-primary li:not(:first-child)');
|
|
var openDropdown = false;
|
|
var $dw = $('#nav-dropdown');
|
|
var $slider = $('#window-slide');
|
|
var speed = 300;
|
|
|
|
function slideDropdown(value) {
|
|
$slider.animate({ top: value }, speed);
|
|
}
|
|
|
|
navlinks.mouseenter(
|
|
function(e){
|
|
var _tgobj=setTimeout(function(){
|
|
$('#header').addClass('setbg');
|
|
//$dw.show();
|
|
if(!openDropdown) {
|
|
$('.cover').addClass('coverBox');
|
|
$dw.show("slide", { direction: "up" }, 400);
|
|
$dw.removeClass('closed').addClass('open');
|
|
openDropdown = true;
|
|
}
|
|
|
|
var target = '#dropdown-'+ $(e.target).text().toLowerCase().replace(/(^\s*)|(\s*$)/g, "").replace(/ /ig, "-");
|
|
//console.log(target);
|
|
switch(target) {
|
|
case '#dropdown-china-tours' :
|
|
slideDropdown('0');
|
|
break;
|
|
case '#dropdown-single-destinaton' :
|
|
slideDropdown('-260');
|
|
break;
|
|
case '#dropdown-create-my-trip' :
|
|
slideDropdown('-520');
|
|
break;
|
|
case '#dropdown-planning' :
|
|
slideDropdown('-780px');
|
|
break;
|
|
case '#dropdown-destinations' :
|
|
slideDropdown('-1040px');
|
|
break;
|
|
case '#dropdown-culture' :
|
|
slideDropdown('-1300px');
|
|
break;
|
|
}
|
|
} ,350);
|
|
$(this).mouseleave(function(){
|
|
clearTimeout(_tgobj);
|
|
})
|
|
}
|
|
);
|
|
$('#menu-primary li:nth-child(1)').mouseenter(
|
|
function(e){
|
|
//$(this).children('div').fadeIn(500);
|
|
if(openDropdown) {
|
|
$('.cover').removeClass('coverBox');
|
|
if ($dw.hasClass('open')) {
|
|
$dw.hide("slide", { direction: "up" }, 400);
|
|
$dw.removeClass('open').addClass('closed');
|
|
}
|
|
openDropdown = false;
|
|
}
|
|
}
|
|
);
|
|
$('#header').mouseleave(
|
|
function(e){
|
|
$('#header').removeClass('setbg');
|
|
//$dw.hide();
|
|
if(openDropdown) {
|
|
$('.cover').removeClass('coverBox');
|
|
if ($dw.hasClass('open')) {
|
|
$dw.hide("slide", { direction: "up" }, 400);
|
|
$dw.removeClass('open').addClass('closed');
|
|
}
|
|
openDropdown = false;
|
|
}
|
|
}
|
|
);
|
|
//鼠标离开导航链接时取消遮罩并收起导航详细 by tdy@20131230
|
|
$('#mainMenu').mouseleave(function(){
|
|
var cTime = true;
|
|
var menuobj = setTimeout(function(){
|
|
cTime = false;
|
|
$('#header').removeClass('setbg');
|
|
if(openDropdown) {
|
|
$('.cover').removeClass('coverBox');
|
|
if ($dw.hasClass('open')) {
|
|
$dw.hide("slide", { direction: "up" }, 400);
|
|
$dw.removeClass('open').addClass('closed');
|
|
}
|
|
openDropdown = false;
|
|
}
|
|
},50);
|
|
$('#nav-dropdown').mouseenter(function(){
|
|
if(cTime){
|
|
clearTimeout(menuobj);
|
|
}
|
|
});
|
|
});
|
|
})(); |