297 lines
7.6 KiB
JavaScript
297 lines
7.6 KiB
JavaScript
(function($) {
|
|
'use strict';
|
|
//Header Search
|
|
if($('.search-box-outer').length) {
|
|
$('.search-box-outer').on('click', function() {
|
|
$('body').addClass('search-active');
|
|
});
|
|
$('.close-search').on('click', function() {
|
|
$('body').removeClass('search-active');
|
|
});
|
|
}
|
|
|
|
|
|
|
|
/* Portfolio Isotope */
|
|
$('.image_load').imagesLoaded(function() {
|
|
|
|
if ($.fn.isotope) {
|
|
|
|
var $portfolio = $('.image_load');
|
|
|
|
$portfolio.isotope({
|
|
|
|
itemSelector: '.grid-item',
|
|
|
|
filter: '*',
|
|
|
|
resizesContainer: true,
|
|
|
|
layoutMode: 'masonry',
|
|
|
|
transitionDuration: '0.8s'
|
|
|
|
});
|
|
$('.menu-filtering li').on('click', function() {
|
|
|
|
$('.menu-filtering li').removeClass('current_menu_item');
|
|
|
|
$(this).addClass('current_menu_item');
|
|
|
|
var selector = $(this).attr('data-filter');
|
|
|
|
$portfolio.isotope({
|
|
|
|
filter: selector,
|
|
|
|
});
|
|
|
|
});
|
|
|
|
};
|
|
|
|
});
|
|
|
|
// Venubox
|
|
|
|
$('.venobox').venobox({
|
|
|
|
numeratio: true,
|
|
|
|
infinigall: true
|
|
|
|
});
|
|
|
|
// to wow Jquery
|
|
new WOW().init();
|
|
|
|
|
|
// Loder
|
|
$(function () {
|
|
$('body').addClass('loaded');
|
|
});
|
|
|
|
|
|
// slider Active
|
|
$('.testi_list').owlCarousel({
|
|
loop: true,
|
|
autoplay: true,
|
|
autoplayTimeout: 10000,
|
|
dots: true,
|
|
dotsEach: true,
|
|
nav: false,
|
|
navText: ["<i class='fa fa-long-arrow-left''></i>", "<i class='fa fa-long-arrow-right''></i>"],
|
|
responsive: {
|
|
0: {
|
|
items:1
|
|
},
|
|
600: {
|
|
items: 1
|
|
},
|
|
768: {
|
|
items: 2
|
|
},
|
|
992: {
|
|
items: 2
|
|
}
|
|
|
|
}
|
|
})
|
|
|
|
|
|
// slider Active
|
|
$('.brand_list').owlCarousel({
|
|
loop: true,
|
|
autoplay: true,
|
|
autoplayTimeout: 10000,
|
|
dots: false,
|
|
dotsEach: true,
|
|
nav: false,
|
|
navText: ["<i class='fa fa-long-arrow-left''></i>", "<i class='fa fa-long-arrow-right''></i>"],
|
|
responsive: {
|
|
0: {
|
|
items:1
|
|
},
|
|
600: {
|
|
items: 2
|
|
},
|
|
768: {
|
|
items: 3
|
|
},
|
|
992: {
|
|
items: 4
|
|
}
|
|
|
|
}
|
|
})
|
|
|
|
|
|
|
|
$(document).ready(function(){
|
|
$('#bar1').barfiller({ duration: 3000 });
|
|
$('#bar2').barfiller({ duration: 2000 });
|
|
$('#bar3').barfiller({ duration: 4000 });
|
|
$('#bar4').barfiller({ duration: 1000 });
|
|
$('#bar5').barfiller({ duration: 2000 });
|
|
$('#bar6').barfiller({ duration: 4000 });
|
|
$('#bar7').barfiller({ duration: 3000 });
|
|
$('#bar8').barfiller({ duration: 2000 });
|
|
});
|
|
|
|
|
|
|
|
|
|
$(document).ready(function(){
|
|
// sticky menu===================
|
|
var wind = $(window);
|
|
var sticky = $('#sticky-header');
|
|
wind.on('scroll', function () {
|
|
var scroll = wind.scrollTop();
|
|
if (scroll <100) {
|
|
sticky.removeClass('sticky-nav');
|
|
} else {
|
|
sticky.addClass('sticky-nav');
|
|
}
|
|
});
|
|
});
|
|
|
|
|
|
// Mobile Menu
|
|
$('.mobile-menu nav').meanmenu({
|
|
meanScreenWidth: "991",
|
|
meanMenuContainer: ".mobile-menu",
|
|
onePage: false,
|
|
});
|
|
|
|
// Skills Bars
|
|
$('.skill-percent').each(function(){
|
|
$(this).animate({
|
|
width:$(this).attr('data-percent')},"fast");
|
|
});
|
|
|
|
// scroll strat============================
|
|
|
|
$(window).on('scroll', function () {
|
|
var scrolled = $(window).scrollTop();
|
|
if (scrolled > 300) $('.go-top').addClass('active');
|
|
if (scrolled < 300) $('.go-top').removeClass('active');
|
|
});
|
|
|
|
$('.go-top').on('click', function () {
|
|
$("html, body").animate({
|
|
scrollTop: "0"
|
|
}, 1200);
|
|
});
|
|
|
|
$(".circle_percent").each(function() {
|
|
var $this = $(this),
|
|
$dataV = $this.data("percent"),
|
|
$dataDeg = $dataV * 3.6,
|
|
$round = $this.find(".round_per");
|
|
$round.css("transform", "rotate(" + parseInt($dataDeg + 180) + "deg)");
|
|
$this.append('<div class="circle_inbox"><span class="percent_text"></span></div>');
|
|
$this.prop('Counter', 0).animate({Counter: $dataV},
|
|
{
|
|
duration: 3000,
|
|
easing: 'swing',
|
|
step: function (now) {
|
|
$this.find(".percent_text").text(Math.ceil(now)+"%");
|
|
}
|
|
});
|
|
if($dataV >= 51){
|
|
$round.css("transform", "rotate(" + 360 + "deg)");
|
|
setTimeout(function(){
|
|
$this.addClass("percent_more");
|
|
},2000);
|
|
setTimeout(function(){
|
|
$round.css("transform", "rotate(" + parseInt($dataDeg + 180) + "deg)");
|
|
},2000);
|
|
}
|
|
});
|
|
|
|
|
|
|
|
$.scrollUp({
|
|
scrollName: 'scrollUp', // Element ID
|
|
topDistance: '300', // Distance from top before showing element (px)
|
|
topSpeed: 300, // Speed back to top (ms)
|
|
animation: 'fade', // Fade, slide, none
|
|
animationInSpeed: 200, // Animation in speed (ms)
|
|
animationOutSpeed: 200, // Animation out speed (ms)
|
|
scrollText: '<i class="fas fa-angle-double-up"></i>', // Text for element
|
|
activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
|
|
});
|
|
|
|
|
|
// Calender Jquery
|
|
var curDate = (new Date()).getDate();
|
|
var curMonth = (new Date()).getMonth();
|
|
var curYear = (new Date()).getFullYear();
|
|
var startDay = (new Date(curYear, curMonth, 1)).getDay();
|
|
var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
|
|
var noofdays = ["31", "29", "31", "30", "31", "30", "31", "31", "30", "31", "30", "31"];
|
|
var prevMonth = noofdays[curMonth - 1];
|
|
if (curMonth == 11) {
|
|
prevMonth = noofdays[0]
|
|
} else if (curMonth == 0) {
|
|
prevMonth = noofdays[11]
|
|
};
|
|
var totalDays = noofdays[curMonth];
|
|
var counter = 0;
|
|
var precounter = prevMonth - (startDay - 1);
|
|
var rightbox = 6;
|
|
var flag = true;
|
|
|
|
jQuery('.curr-month b').text(months[curMonth]);
|
|
for (var i = 0; i < 42; i++) {
|
|
if (i >= startDay) {
|
|
counter++;
|
|
if (counter > totalDays) {
|
|
counter = 1;
|
|
flag = false;
|
|
}
|
|
if (flag == true) {
|
|
jQuery('.all-date ul').append('<li class="monthdate">' + counter + '</li>');
|
|
} else {
|
|
jQuery('.all-date ul').append('<li style="opacity:.8">' + counter + '</li>');
|
|
}
|
|
} else {
|
|
jQuery('.all-date ul').append('<li style="opacity:.8">' + precounter + '</li>');
|
|
precounter++;
|
|
}
|
|
|
|
if (i == rightbox) {
|
|
jQuery(jQuery('.all-date ul li')[rightbox]).addClass("b-right");
|
|
rightbox = rightbox + 7;
|
|
}
|
|
|
|
if (i > 34) {
|
|
jQuery(jQuery('.all-date ul li')[i]).addClass("b-bottom");
|
|
}
|
|
|
|
if ((jQuery(jQuery('.all-date ul li')[i]).text() == curDate) && (jQuery(jQuery('.all-date ul li')[i]).css('opacity') == 1)) {
|
|
jQuery(jQuery('.all-date ul li')[i]).css({
|
|
"background-color": "#02548b",
|
|
"color": "#fff"
|
|
});
|
|
}
|
|
};
|
|
|
|
|
|
|
|
|
|
/*--------------------------
|
|
scrollUp
|
|
---------------------------- */
|
|
$.scrollUp({
|
|
scrollText: '<i class="fa fa-angle-up"></i>',
|
|
easingType: 'linear',
|
|
scrollSpeed: 900,
|
|
animation: 'fade'
|
|
})
|
|
})(jQuery);
|
|
|
|
|
|
|
|
|