Actualizacion de Diseño Logins y Parte de Registro Negocios
This commit is contained in:
kquiroz
353
desarrollo/diseno/registro-comercio/js/main.js
vendored
Normal file
353
desarrollo/diseno/registro-comercio/js/main.js
vendored
Normal file
@@ -0,0 +1,353 @@
|
||||
// Open Sub Menu
|
||||
$('.drp_btn').click(function(){
|
||||
$(this).siblings('.sub_menu').slideToggle();
|
||||
})
|
||||
|
||||
// Preloader JS
|
||||
|
||||
function preloader_fade() {
|
||||
$("#preloader").fadeOut('slow');
|
||||
}
|
||||
|
||||
$(document).ready(function() {
|
||||
window.setTimeout("preloader_fade();", 500); //call fade in .5 seconds
|
||||
}
|
||||
)
|
||||
|
||||
|
||||
// All Slider Js
|
||||
|
||||
$('#frmae_slider').owlCarousel({
|
||||
loop:true,
|
||||
margin:10,
|
||||
autoplay: true,
|
||||
smartSpeed: 1500,
|
||||
nav:false,
|
||||
dots: true,
|
||||
responsive:{
|
||||
0:{
|
||||
items:1
|
||||
},
|
||||
600:{
|
||||
items:1
|
||||
},
|
||||
1000:{
|
||||
items:1
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
$('#company_slider').owlCarousel({
|
||||
loop:true,
|
||||
margin:10,
|
||||
nav:false,
|
||||
autoplay: true,
|
||||
smartSpeed: 1500,
|
||||
dots: true,
|
||||
responsive:{
|
||||
0:{
|
||||
items:2
|
||||
},
|
||||
600:{
|
||||
items:3
|
||||
},
|
||||
1000:{
|
||||
items:5
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
$('#testimonial_slider').owlCarousel({
|
||||
loop:true,
|
||||
margin:10,
|
||||
nav:false,
|
||||
autoplay: true,
|
||||
smartSpeed: 2500,
|
||||
dots: true,
|
||||
responsive:{
|
||||
0:{
|
||||
items:1
|
||||
},
|
||||
600:{
|
||||
items:1
|
||||
},
|
||||
1000:{
|
||||
items:1
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
$('#screen_slider').owlCarousel({
|
||||
loop:true,
|
||||
margin:10,
|
||||
nav:false,
|
||||
dots: true,
|
||||
autoplay: true,
|
||||
smartSpeed: 2500,
|
||||
center: true,
|
||||
responsive:{
|
||||
0:{
|
||||
items:1
|
||||
},
|
||||
600:{
|
||||
items:3
|
||||
},
|
||||
1000:{
|
||||
items:5
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
// Number Count
|
||||
window.addEventListener('scroll', function() {
|
||||
var element = document.querySelector('#counter');
|
||||
var position = element.getBoundingClientRect();
|
||||
|
||||
// checking whether fully visible
|
||||
if(position.top >= 0 && position.bottom <= window.innerHeight) {
|
||||
$('.counter-value').each(function() {
|
||||
var $this = $(this),
|
||||
countTo = $this.attr('data-count');
|
||||
$({
|
||||
countNum: $this.text()
|
||||
}).animate({
|
||||
countNum: countTo
|
||||
},
|
||||
|
||||
{
|
||||
|
||||
duration: 2000,
|
||||
easing: 'swing',
|
||||
step: function() {
|
||||
$this.text(Math.floor(this.countNum));
|
||||
},
|
||||
complete: function() {
|
||||
$this.text(this.countNum);
|
||||
//alert('finished');
|
||||
}
|
||||
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
if(position.top < window.innerHeight && position.bottom >= 0) {
|
||||
//console.log('Element is partially visible in screen');
|
||||
}else{
|
||||
//console.log('Element is not visible');
|
||||
$('.counter-value').each(function() {
|
||||
var $this = $(this),
|
||||
countTo = 0;
|
||||
$({
|
||||
countNum: $this.text()
|
||||
}).animate({
|
||||
countNum: countTo
|
||||
},
|
||||
|
||||
{
|
||||
|
||||
duration: 100,
|
||||
easing: 'swing',
|
||||
step: function() {
|
||||
$this.text(Math.floor(this.countNum));
|
||||
},
|
||||
complete: function() {
|
||||
$this.text(this.countNum);
|
||||
//alert('finished');
|
||||
}
|
||||
|
||||
});
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
// --------Magnify-popup
|
||||
|
||||
$(function() {
|
||||
$('.popup-youtube').magnificPopup({
|
||||
disableOn: 700,
|
||||
type: 'iframe',
|
||||
mainClass: 'mfp-fade',
|
||||
removalDelay: 160,
|
||||
preloader: false,
|
||||
fixedContentPos: false
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
// Pricing Section Year Month Jquery
|
||||
$(document).ready(function () {
|
||||
|
||||
$(".tog_block").click(function () {
|
||||
$(".tog_btn").toggleClass('month_active');
|
||||
$('.month').toggleClass('active');
|
||||
$('.years').toggleClass('active');
|
||||
|
||||
$('.monthly_plan').toggleClass('active');
|
||||
$('.yearly_plan').toggleClass('active');
|
||||
|
||||
})
|
||||
|
||||
});
|
||||
|
||||
$(document).ready(function () {
|
||||
// Add minus icon for collapse element which is open by default
|
||||
$(".collapse.show").each(function () {
|
||||
$(this)
|
||||
.prev(".card-header")
|
||||
.find(".icon_faq")
|
||||
.addClass("icofont-minus")
|
||||
.removeClass("icofont-plus");
|
||||
});
|
||||
|
||||
|
||||
// Toggle plus minus icon on show hide of collapse element
|
||||
$(".collapse").on("show.bs.collapse", function () {
|
||||
$(this).prev(".card-header").find(".icon_faq").removeClass("icofont-plus").addClass("icofont-minus");
|
||||
})
|
||||
.on("hide.bs.collapse", function () {
|
||||
$(this).prev(".card-header").find(".icon_faq").removeClass("icofont-minus").addClass("icofont-plus");
|
||||
});
|
||||
|
||||
$(".collapse").on("show.bs.collapse", function () {
|
||||
$(this).prev(".card-header").children('h2').children('.btn').addClass("active");
|
||||
})
|
||||
.on("hide.bs.collapse", function () {
|
||||
$(this).prev(".card-header").children('h2').children('.btn').removeClass("active");
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
// Download Section Hover Jquery
|
||||
window.addEventListener('scroll', function() {
|
||||
var element = document.querySelector('.free_text');
|
||||
var position = element.getBoundingClientRect();
|
||||
|
||||
if(position.top < window.innerHeight && position.bottom >= 0) {
|
||||
$('.purple_backdrop').css("opacity", "1");
|
||||
}else{
|
||||
//console.log('Element is not visible');
|
||||
$('.purple_backdrop').css("opacity", "0");
|
||||
}
|
||||
});
|
||||
|
||||
$(window).on('resize', function() {
|
||||
if ($(window).width()<768) {
|
||||
|
||||
window.addEventListener('scroll', function() {
|
||||
var element = document.querySelector('.mobile_mockup');
|
||||
var position = element.getBoundingClientRect();
|
||||
|
||||
if(position.top < window.innerHeight && position.bottom >= 0) {
|
||||
$('.purple_backdrop').css("opacity", "1");
|
||||
}else{
|
||||
//console.log('Element is not visible');
|
||||
$('.purple_backdrop').css("opacity", "0");
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
else {
|
||||
|
||||
window.addEventListener('scroll', function() {
|
||||
var element = document.querySelector('.free_text');
|
||||
var position = element.getBoundingClientRect();
|
||||
|
||||
if(position.top < window.innerHeight && position.bottom >= 0) {
|
||||
$('.purple_backdrop').css("opacity", "1");
|
||||
}else{
|
||||
//console.log('Element is not visible');
|
||||
$('.purple_backdrop').css("opacity", "0");
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// Scrool-top
|
||||
$(document).ready(function() {
|
||||
var toTop = $('.go_top');
|
||||
toTop.on('click', function() {
|
||||
$('html, body').animate({scrollTop: $('html, body').offset().top,}, 400);
|
||||
});
|
||||
|
||||
$(window).scroll(function() {
|
||||
// declare variable
|
||||
var topPos = $(this).scrollTop();
|
||||
|
||||
// if user scrolls down - show scroll to top button
|
||||
if (topPos > 750) {
|
||||
$(toTop).css("opacity", "1");
|
||||
|
||||
} else {
|
||||
$(toTop).css("opacity", "0");
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
// Fix Header Js
|
||||
$(window).scroll(function(){
|
||||
if ($(window).scrollTop() >= 250) {
|
||||
$('header').addClass('fix_style');
|
||||
}
|
||||
else {
|
||||
$('header').removeClass('fix_style');
|
||||
}
|
||||
if ($(window).scrollTop() >= 260) {
|
||||
$('header').addClass('fixed');
|
||||
}
|
||||
else {
|
||||
$('header').removeClass('fixed');
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
//YOUTUBE VIDEO
|
||||
$('.play-button').click(function(e){
|
||||
var iframeEl = $('<iframe>', { src: $(this).data('url') });
|
||||
$('#youtubevideo').attr('src', $(this).data('url'));
|
||||
})
|
||||
|
||||
$('#close-video').click(function(e){
|
||||
$('#youtubevideo').attr('src', '');
|
||||
});
|
||||
|
||||
$(document).on('hidden.bs.modal','#myModal', function () {
|
||||
$('#youtubevideo').attr('src', '');
|
||||
});
|
||||
|
||||
|
||||
|
||||
// Close btn on click
|
||||
|
||||
$(document).ready(function(){
|
||||
$('.navbar-toggler').click(function(){
|
||||
if($(this).children('span').children('.ico_menu').hasClass('icofont-navigation-menu')) {
|
||||
$(this).children('span').children('.ico_menu').removeClass('icofont-navigation-menu').addClass('icofont-close');
|
||||
} else {
|
||||
$(this).children('span').children('.ico_menu').removeClass('icofont-close').addClass('icofont-navigation-menu');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
(function() {
|
||||
$('.toggle-wrap').on('click', function() {
|
||||
$(this).toggleClass('active');
|
||||
$('aside').animate({width: 'toggle'}, 200);
|
||||
});
|
||||
})();
|
||||
|
||||
|
||||
// INITIALIZE AOS
|
||||
|
||||
AOS.init();
|
||||
|
||||
Reference in New Issue
Block a user