init
This commit is contained in:
@@ -0,0 +1,237 @@
|
||||
/*=========================================
|
||||
|
||||
Template Name: PRIDE - Personal Portfolio Template
|
||||
Author: perfect_coders
|
||||
Version: 1.0
|
||||
Design and Developed by: perfect_coders
|
||||
|
||||
NOTE: This is the custom jQuery file for the template
|
||||
|
||||
=========================================*/
|
||||
|
||||
|
||||
|
||||
(function($) {
|
||||
"use strict";
|
||||
|
||||
|
||||
var $body = $("body"),
|
||||
$window = $(window);
|
||||
|
||||
|
||||
|
||||
/*=======================================
|
||||
DEMO PANLE JS
|
||||
=======================================*/
|
||||
$("span.red_color").on("click", function() {
|
||||
$("body").addClass("red_color_theme").removeClass("green_color_theme yellow_color_theme blue_color_theme pink_color_theme purple_color_theme");
|
||||
});
|
||||
$("span.green_color").on("click", function() {
|
||||
$("body").addClass("green_color_theme").removeClass("red_color_theme yellow_color_theme blue_color_theme pink_color_theme purple_color_theme");
|
||||
});
|
||||
$("span.yellow_color").on("click", function() {
|
||||
$("body").addClass("yellow_color_theme").removeClass("green_color_theme red_color_theme blue_color_theme pink_color_theme purple_color_theme");
|
||||
});
|
||||
$("span.blue_color").on("click", function() {
|
||||
$("body").addClass("blue_color_theme").removeClass("yellow_color_theme green_color_theme red_color_theme pink_color_theme purple_color_theme");
|
||||
});
|
||||
$("span.pink_color").on("click", function() {
|
||||
$("body").addClass("pink_color_theme").removeClass("green_color_theme red_color_theme yellow_color_theme purple_color_theme blue_color_theme");
|
||||
});
|
||||
$("span.purple_color").on("click", function() {
|
||||
$("body").addClass("purple_color_theme").removeClass("green_color_theme red_color_theme yellow_color_theme blue_color_theme pink_color_theme");
|
||||
});
|
||||
|
||||
$(".spiner_button").on("click", function(event) {
|
||||
event.preventDefault();
|
||||
if ($(this).hasClass("slide_in_out")) {
|
||||
$(".demo_panel_box").stop().animate({ left: "-180px" }, 500);
|
||||
} else {
|
||||
$(".demo_panel_box").stop().animate({ left: "0px" }, 500);
|
||||
}
|
||||
$(this).toggleClass("slide_in_out");
|
||||
return false;
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
/*=============================
|
||||
Sticky header
|
||||
==============================*/
|
||||
$('.navbar-collapse a').on('click', function() {
|
||||
$(".navbar-collapse").collapse('hide');
|
||||
});
|
||||
$(".custom-navbar").addClass("top-nav-collapse");
|
||||
$window.on('scroll', function() {
|
||||
|
||||
if ($(".navbar").offset().top > 100) {
|
||||
$(".custom-navbar").addClass("top-nav-collapse");
|
||||
} else {
|
||||
//$(".custom-navbar").removeClass("top-nav-collapse");
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
/*=============================
|
||||
Smoothscroll js
|
||||
==============================*/
|
||||
$(function() {
|
||||
$('.custom-navbar a, a.scroll-btn').on('click', function(event) {
|
||||
var $anchor = $(this);
|
||||
$('html, body').stop().animate({
|
||||
scrollTop: $($anchor.attr('href')).offset().top - 0
|
||||
}, 1000);
|
||||
event.preventDefault();
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
/*======================================
|
||||
jquery scroll spy
|
||||
========================================*/
|
||||
$body.scrollspy({
|
||||
|
||||
target: ".navbar-collapse",
|
||||
offset: 95
|
||||
|
||||
});
|
||||
|
||||
|
||||
/*=================================
|
||||
Bootstrap menu fix
|
||||
==================================*/
|
||||
$(".navbar-toggle").on("click", function() {
|
||||
|
||||
$body.addClass("mobile-menu-activated");
|
||||
|
||||
});
|
||||
|
||||
$("ul.nav.navbar-nav li a").on("click", function() {
|
||||
|
||||
$(".navbar-collapse").removeClass("in");
|
||||
|
||||
});
|
||||
|
||||
|
||||
/*====================================================
|
||||
background-image flickering solution for mobile
|
||||
=======================================================*/
|
||||
var bg = jQuery("#home");
|
||||
|
||||
function resizeBackground() {
|
||||
bg.height($window.height() + 60);
|
||||
}
|
||||
resizeBackground();
|
||||
|
||||
/*=============================
|
||||
WOW js
|
||||
==============================*/
|
||||
new WOW({ mobile: false }).init();
|
||||
|
||||
|
||||
/*===================================
|
||||
owl carousel
|
||||
====================================*/
|
||||
$(".review-list").owlCarousel({
|
||||
loop: true,
|
||||
margin: 0,
|
||||
nav: false,
|
||||
dots: true,
|
||||
autoplay: true,
|
||||
autoplayHoverPause: true,
|
||||
responsive: {
|
||||
0: {
|
||||
items: 1
|
||||
},
|
||||
600: {
|
||||
items: 1
|
||||
},
|
||||
1000: {
|
||||
items: 1
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*=============================
|
||||
Contact form validator
|
||||
==============================*/
|
||||
$("#contactForm").validator().on("submit", function(event) {
|
||||
if (event.isDefaultPrevented()) {
|
||||
// handle the invalid form...
|
||||
//formError();
|
||||
submitMSG(false, "请输入完整的登录信息");
|
||||
} else {
|
||||
// everything looks good!
|
||||
event.preventDefault();
|
||||
submitForm();
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
function submitForm() {
|
||||
// Initiate Variables With Form Content
|
||||
var name = $("#name").val();
|
||||
var password = $("#password").val();
|
||||
|
||||
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: "php/form-process.php",
|
||||
data: "name=" + name + "&password=" + password,
|
||||
success: function(text) {
|
||||
if (text == "success") {
|
||||
formSuccess();
|
||||
} else {
|
||||
formError();
|
||||
submitMSG(false, text);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function formSuccess() {
|
||||
$("#contactForm")[0].reset();
|
||||
submitMSG(true, "Message Submitted!")
|
||||
}
|
||||
|
||||
function formError() {
|
||||
$("#contactForm").removeClass().addClass('fadeIn animated').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function() {
|
||||
$(this).removeClass();
|
||||
});
|
||||
}
|
||||
|
||||
function submitMSG(valid, msg) {
|
||||
if (valid) {
|
||||
var msgClasses = "h3 text-center tada animated text-success";
|
||||
} else {
|
||||
var msgClasses = "h3 text-center text-danger";
|
||||
}
|
||||
$("#msgSubmit").removeClass().addClass(msgClasses).text(msg);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
$window.on('load', function() {
|
||||
/*=============================
|
||||
Preloder
|
||||
==============================*/
|
||||
$('.spinner').fadeOut();
|
||||
$('.preloader').delay(350).fadeOut(500);
|
||||
$body.delay(350).css({ 'overflow': 'visible' });
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
})(jQuery);
|
||||
Reference in New Issue
Block a user