JSFiddle

  • Blur effect on Header

    No-Library (pure JS), HTML, CSS, JavaScript

    var content = document.querySelector('.content');
    var duplicate = content.cloneNode(true);
    var contentBlurred = document.createElement('div');
    contentBlurred.className = 'content-blurred';
    contentBlurred.appendChild ...
  • Menu fixed on special div

    Here , the div MENU rest only in the div MAIN.

    $(document).ready(function () {
    
        var menu = $('menu');
        var origOffsetY = menu.offset().top;
        var aside = $('aside');
        var maxOffsetY = aside.offset().top;
    
        function ...
  • Switch extension .JPG to .GIF on div hover

    When special div is hover .jpg switch to .gif

    $(document).ready(function() {
      $(".hover-zone").hover(
        function() {
        	var target = $(this).attr("data-target");
          var src = $('.' + target).attr("src");
          $('.' + target).attr("src", src ...