ShiponKarmakar · November 1, 2024 17:55 · mdrony100 · Apr 25, 2018 · RSSohag · Jun 12, 2020
diff --git a/counter.js b/counter.js
 $('.count').each(function () {
    $(this).prop('Counter',0).animate({
        Counter: $(this).text()
    }, {
        duration: 4000,
        easing: 'swing',
        step: function (now) {
            $(this).text(Math.ceil(now));
        }
    });
 });
diff --git a/Header Top Fix Function.js b/Header Top Fix Function.js
 // Check the initial Poistion of the Sticky Header
 var stickyHeaderTop = $('#stickyheader').offset().top;
 $(window).scroll(function(){
    if( $(window).scrollTop() > stickyHeaderTop ) {
        $('#stickyheader').css({position: 'fixed', top: '0px'});
        $('#stickyalias').css('display', 'block');
        $('#stickyheader').addClass('fix-top');
    } else {
        $('#stickyheader').css({position: 'static', top: '0px'});
        $('#stickyalias').css('display', 'none');
        $('#stickyheader').removeClass('fix-top');
    }
 });
diff --git a/Nav menu active class change.js b/Nav menu active class change.js
 //Nav menu active class change
 var lastId
    , topMenu = $(".menu")
    , topMenuHeight = topMenu.outerHeight() + 15
    ,menuItems = topMenu.find("a")
    ,scrollItems = menuItems.map(function () {
        var item = $($(this).attr("href"));
        if (item.length) {
            return item;
        }
    });

 // Bind to scroll
 $(window).scroll(function () {
    var fromTop = $(this).scrollTop() + topMenuHeight;
    var cur = scrollItems.map(function () {
        if ($(this).offset().top < fromTop) return this;
    });
    cur = cur[cur.length - 1];
    var id = cur && cur.length ? cur[0].id : "";
    if (lastId !== id) {
        lastId = id;
        menuItems.parent().removeClass("active").end().filter("[href='#" + id + "']").parent().addClass("active");
    }
 });
diff --git a/Preloader.html b/Preloader.html
 <html>
 <head>
  <style type="text/css">
    /*
    Preloader
    */
    body.preloader-active {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 999999999;
        overflow: hidden;
    }
    .preloader {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: #fff;
        z-index: 9999999999;
    }
    .preloader-spinner {
        background: url(../img/preloader.gif) no-repeat center center;
        width: 100px;
        height: 100px;
        left: 50%;
        top: 50%;
        margin-top: -50px;
        margin-left: -50px;
        position: absolute;
    }
  </style>
 </head>
  
 <body>
  
  
  <div class="preloader">
    <!--Background Image Add in preloader-spinner Class -->
    <div class="preloader-spinner"></div>
  </div>
  
  
  <script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
  
  <script type="text/javascript">
      /***
          Preloader
      ***/
      $('body').addClass('preloader-active');
      
      $(window).on('load', function() { 
          $('.preloader').fadeOut();
          $('.preloader-spinner').delay(350).fadeOut('slow');
          $('body').removeClass('preloader-active');
      });
  </script>
 </body>
 </html>  
diff --git a/Responsive Menu Code.js b/Responsive Menu Code.js
 function responsiveMenu($width){
    if ($(window).width() <  $width) {
        $("#menu").hide();
    }else {
        $("#menu").show();
    }        
    $('.menu-button').on('click' , function(){
        $("#menu").slideToggle(500);

        return false;
    })
 }
 responsiveMenu(767);
diff --git a/Scroll to top.js b/Scroll to top.js
 function scrollToTop($topClass){   
    var top_0 = {scrollTop:0};
    var topClass = $($topClass);
    topClass.on("click" , function(e){
        $("html,body").animate(top_0,1000);
        return false;
    });
    $(window).scroll(function(){
        if($(this).scrollTop() > 400) {
            topClass.fadeIn(500);
        }
        else {
            topClass.fadeOut(500);
        }
    });
 }
 scrollToTop('.scrolltotop i');
diff --git a/Smooth Scroll Jquery.js b/Smooth Scroll Jquery.js
 $('.menu a[href*="#"]:not([href="#"])').on("click" , function() {
      if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
          var target = $(this.hash);
          target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
          if (target.length) {
              $('html, body').animate({
                  scrollTop: target.offset().top
              }, 1000);
              return false;
          }
      }
 });
	$('.count').each(function () {
	$(this).prop('Counter',0).animate({
	Counter: $(this).text()
	}, {
	duration: 4000,
	easing: 'swing',
	step: function (now) {
	$(this).text(Math.ceil(now));
	}
	});
	});
	<html>
	<head>
	<style type="text/css">
	/*
	Preloader
	*/
	body.preloader-active {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999999;
	overflow: hidden;
	}
	.preloader {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #fff;
	z-index: 9999999999;
	}
	.preloader-spinner {
	background: url(../img/preloader.gif) no-repeat center center;
	width: 100px;
	height: 100px;
	left: 50%;
	top: 50%;
	margin-top: -50px;
	margin-left: -50px;
	position: absolute;
	}
	</style>
	</head>

	<body>


	<div class="preloader">
	<!--Background Image Add in preloader-spinner Class -->
	<div class="preloader-spinner"></div>
	</div>


	<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script>

	<script type="text/javascript">
	/***
	Preloader
	***/
	$('body').addClass('preloader-active');

	$(window).on('load', function() {
	$('.preloader').fadeOut();
	$('.preloader-spinner').delay(350).fadeOut('slow');
	$('body').removeClass('preloader-active');
	});
	</script>
	</body>
	</html>
	function scrollToTop($topClass){
	var top_0 = {scrollTop:0};
	var topClass = $($topClass);
	topClass.on("click" , function(e){
	$("html,body").animate(top_0,1000);
	return false;
	});
	$(window).scroll(function(){
	if($(this).scrollTop() > 400) {
	topClass.fadeIn(500);
	}
	else {
	topClass.fadeOut(500);
	}
	});
	}
	scrollToTop('.scrolltotop i');
	$('.menu a[href*="#"]:not([href="#"])').on("click" , function() {
	if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
	var target = $(this.hash);
	target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
	if (target.length) {
	$('html, body').animate({
	scrollTop: target.offset().top
	}, 1000);
	return false;
	}
	}
	});