Файл: CloudBox-main/doc/js/custom.js
Строк: 234
<?php
jQuery(function() {
//tabs
jQuery('#tab-btn1').click(function(e) {
jQuery('#tab1').fadeIn(500);
jQuery('#tab2').fadeOut(500);
jQuery('#tab3').fadeOut(500);
jQuery('#tab4').fadeOut(500);
jQuery('#tab5').fadeOut(500);
jQuery('.services-sec .tab1 span i').addClass('open');
jQuery('.services-sec .tab2 span i, .services-sec .tab3 span i, .services-sec .tab4 span i, .services-sec .tab5 span i').removeClass('open');
});
jQuery('#tab-btn2').click(function(e) {
jQuery('#tab1').fadeOut(500);
jQuery('#tab2').fadeIn(500);
jQuery('#tab3').fadeOut(500);
jQuery('#tab4').fadeOut(500);
jQuery('#tab5').fadeOut(500);
jQuery('.services-sec .tab2 span i').addClass('open');
jQuery('.services-sec .tab1 span i, .services-sec .tab3 span i, .services-sec .tab4 span i, .services-sec .tab5 span i').removeClass('open');
});
jQuery('#tab-btn3').click(function(e) {
jQuery('#tab1').fadeOut(500);
jQuery('#tab2').fadeOut(100);
jQuery('#tab3').fadeIn(500);
jQuery('#tab4').fadeOut(500);
jQuery('#tab5').fadeOut(500);
jQuery('.services-sec .tab3 span i').addClass('open');
jQuery('.services-sec .tab1 span i, .services-sec .tab2 span i, .services-sec .tab4 span i, .services-sec .tab5 span i').removeClass('open');
});
jQuery('#tab-btn4').click(function(e) {
jQuery('#tab1').fadeOut(500);
jQuery('#tab2').fadeOut(500);
jQuery('#tab3').fadeOut(500);
jQuery('#tab4').fadeIn(500);
jQuery('#tab5').fadeOut(500);
jQuery('.services-sec .tab4 span i').addClass('open');
jQuery('.services-sec .tab1 span i, .services-sec .tab2 span i, .services-sec .tab3 span i, .services-sec .tab5 span i').removeClass('open');
});
jQuery('#tab-btn5').click(function(e) {
jQuery('#tab1').fadeOut(500);
jQuery('#tab2').fadeOut(500);
jQuery('#tab3').fadeOut(500);
jQuery('#tab4').fadeOut(500);
jQuery('#tab5').fadeIn(500);
jQuery('.services-sec .tab5 span i').addClass('open');
jQuery('.services-sec .tab1 span i, .services-sec .tab2 span i, .services-sec .tab3 span i, .services-sec .tab4 span i').removeClass('open');
});
//add active class
jQuery('.tabs-btn li a').click(function(e) {
jQuery('.tabs-btn li a').removeClass('active');
jQuery(this).addClass('active');
});
//top bar colors
jQuery('.top-bar-colors li a#orange').click(function(e) {
jQuery('.header-top').removeClass('green red blue purple');
jQuery('.header-top').addClass('orange');
});
jQuery('.top-bar-colors li a#red').click(function(e) {
jQuery('.header-top').removeClass('green orange blue purple');
jQuery('.header-top').addClass('red');
});
jQuery('.top-bar-colors li a#green').click(function(e) {
jQuery('.header-top').removeClass('orange red blue purple');
jQuery('.header-top').addClass('green');
});
jQuery('.top-bar-colors li a#blue').click(function(e) {
jQuery('.header-top').removeClass('green red orange purple');
jQuery('.header-top').addClass('blue');
});
jQuery('.top-bar-colors li a#purple').click(function(e) {
jQuery('.header-top').removeClass('green red blue orange');
jQuery('.header-top').addClass('purple');
});
jQuery('.top-bar-colors li a#gray').click(function(e) {
jQuery('.header-top').removeClass('green red blue orange purple');
});
//add active class in top bar
jQuery('.top-bar-colors li a, .footer-colors li a').click(function(e) {
jQuery('.top-bar-colors li a, .footer-colors li a').removeClass('active');
jQuery(this).addClass('active');
});
//footer colors
jQuery('.footer-colors li a#orange2').click(function(e) {
jQuery('.footer-large').removeClass('green red blue purple');
jQuery('.footer-large').addClass('orange');
});
jQuery('.footer-colors li a#red2').click(function(e) {
jQuery('.footer-large').removeClass('green orange blue purple');
jQuery('.footer-large').addClass('red');
});
jQuery('.footer-colors li a#green2').click(function(e) {
jQuery('.footer-large').removeClass('orange red blue purple');
jQuery('.footer-large').addClass('green');
});
jQuery('.footer-colors li a#blue2').click(function(e) {
jQuery('.footer-large').removeClass('green red orange purple');
jQuery('.footer-large').addClass('blue');
});
jQuery('.footer-colors li a#purple2').click(function(e) {
jQuery('.footer-large').removeClass('green red blue orange');
jQuery('.footer-large').addClass('purple');
});
jQuery('.footer-colors li a#gray2').click(function(e) {
jQuery('.footer-large').removeClass('green red blue orange purple');
});
//add active class in footer
jQuery('.footer-colors li a').click(function(e) {
jQuery('.footer-colors li a').removeClass('active');
jQuery(this).addClass('active');
});
//------------------------------------ EXPERIENCE -----------------------------------//
jQuery('.experience .row .experience-content, .experience .row .devices').appear();
jQuery(document.body).on('appear', '.experience .row .experience-content, .experience .row .devices', function(e, $affected) {
var fadeDelayAttr;
var fadeDelay;
jQuery(this).each(function(){
if (jQuery(this).data("delay")) {
fadeDelayAttr = jQuery(this).data("delay")
fadeDelay = fadeDelayAttr;
} else {
fadeDelay = 0;
}
jQuery(this).delay(fadeDelay).queue(function(){
jQuery(this).addClass('animated').clearQueue();
});
})
});
//------------------------------------ SERVICES -----------------------------------//
jQuery('.services-sec .row').appear();
jQuery(document.body).on('appear', '.services-sec .row', function(e, $affected) {
var fadeDelayAttr;
var fadeDelay;
jQuery(this).children('*').each(function(){
if (jQuery(this).data("delay")) {
fadeDelayAttr = jQuery(this).data("delay")
fadeDelay = fadeDelayAttr;
} else {
fadeDelay = 0;
}
jQuery(this).delay(fadeDelay).queue(function(){
jQuery(this).addClass('animated').clearQueue();
});
})
});
//------------------------------------ TRI SECS -----------------------------------//
jQuery('.tri-secs .col-md-6').appear();
jQuery(document.body).on('appear', '.tri-secs .col-md-6', function(e, $affected) {
var fadeDelayAttr;
var fadeDelay;
jQuery(this).each(function(){
if (jQuery(this).data("delay")) {
fadeDelayAttr = jQuery(this).data("delay")
fadeDelay = fadeDelayAttr;
} else {
fadeDelay = 0;
}
jQuery(this).delay(fadeDelay).queue(function(){
jQuery(this).addClass('animated').clearQueue();
});
})
});
//------------------------------------ TEAM -----------------------------------//
jQuery('.team .row .col-md-4').appear();
jQuery(document.body).on('appear', '.team .row .col-md-4', function(e, $affected) {
var fadeDelayAttr;
var fadeDelay;
jQuery(this).each(function(){
if (jQuery(this).data("delay")) {
fadeDelayAttr = jQuery(this).data("delay")
fadeDelay = fadeDelayAttr;
} else {
fadeDelay = 0;
}
jQuery(this).delay(fadeDelay).queue(function(){
jQuery(this).addClass('animated').clearQueue();
});
})
});
//------------------------------------ TABLE -----------------------------------//
jQuery('.tables .row .col-md-3').appear();
jQuery(document.body).on('appear', '.tables .row .col-md-3', function(e, $affected) {
var fadeDelayAttr;
var fadeDelay;
jQuery(this).each(function(){
if (jQuery(this).data("delay")) {
fadeDelayAttr = jQuery(this).data("delay")
fadeDelay = fadeDelayAttr;
} else {
fadeDelay = 0;
}
jQuery(this).delay(fadeDelay).queue(function(){
jQuery(this).addClass('animated').clearQueue();
});
})
});
//------------------------------------ PORTFOLIO -----------------------------------//
jQuery('#portfolio-items-wrap').appear();
jQuery(document.body).on('appear', '#portfolio-items-wrap', function(e, $affected) {
var fadeDelayAttr;
var fadeDelay;
jQuery(this).each(function(){
if (jQuery(this).data("delay")) {
fadeDelayAttr = jQuery(this).data("delay")
fadeDelay = fadeDelayAttr;
} else {
fadeDelay = 0;
}
jQuery(this).delay(fadeDelay).queue(function(){
jQuery(this).addClass('animated').clearQueue();
});
})
});
//------------------------------------ SHOP -----------------------------------//
jQuery('.products .product').appear();
jQuery(document.body).on('appear', '.products .product', function(e, $affected) {
var fadeDelayAttr;
var fadeDelay;
jQuery(this).each(function(){
if (jQuery(this).data("delay")) {
fadeDelayAttr = jQuery(this).data("delay")
fadeDelay = fadeDelayAttr;
} else {
fadeDelay = 0;
}
jQuery(this).delay(fadeDelay).queue(function(){
jQuery(this).addClass('animated').clearQueue();
});
})
});
//------------------------------------ OUR CLIENTS -----------------------------------//
jQuery('.our-clients .flipInY').appear();
jQuery(document.body).on('appear', '.our-clients .flipInY', function(e, $affected) {
var fadeDelayAttr;
var fadeDelay;
jQuery(this).each(function(){
if (jQuery(this).data("delay")) {
fadeDelayAttr = jQuery(this).data("delay")
fadeDelay = fadeDelayAttr;
} else {
fadeDelay = 0;
}
jQuery(this).delay(fadeDelay).queue(function(){
jQuery(this).addClass('animated').clearQueue();
});
})
});
//------------------------------------ CONTACT US -----------------------------------//
jQuery('.contact-us .form').appear();
jQuery(document.body).on('appear', '.contact-us .form', function(e, $affected) {
var fadeDelayAttr;
var fadeDelay;
jQuery(this).each(function(){
if (jQuery(this).data("delay")) {
fadeDelayAttr = jQuery(this).data("delay")
fadeDelay = fadeDelayAttr;
} else {
fadeDelay = 0;
}
jQuery(this).delay(fadeDelay).queue(function(){
jQuery(this).addClass('animated').clearQueue();
});
})
});
//------------------------------------ SOCIAL -----------------------------------//
jQuery('.social li').appear();
jQuery(document.body).on('appear', '.social li', function(e, $affected) {
var fadeDelayAttr;
var fadeDelay;
jQuery(this).each(function(){
if (jQuery(this).data("delay")) {
fadeDelayAttr = jQuery(this).data("delay")
fadeDelay = fadeDelayAttr;
} else {
fadeDelay = 0;
}
jQuery(this).delay(fadeDelay).queue(function(){
jQuery(this).addClass('animated').clearQueue();
});
})
});
//------------------------------------ SWITCHER -----------------------------------//
//jQuery('#dark').click(function(e) {
// jQuery(this).toggleClass('active');
// if($('#dark').hasClass('active'))
// $('#dark-css').attr("href", "css/dark_theme.css"),
// $('.parallax-main-banner').css("background-position", "0 0");
// else
// $('#dark-css').attr("href", "");
// });
})
?>