Blink

by OwenMelbz

CSS

body {
    background-image: url('http://attachments.techguy.org/attachments/66283d1129995795/desktop-screenshot-windows-installer-bootup.jpg');
    background-size:100% auto;
    background-repeat:no-repeat;
    margin:0;
    padding:0;
}

JavaScript

jQuery('body').click(function(){
    jQuery('body').append('<div class="b1" style="position:absolute;width:100%;height:50%;background:black;top:0;left:0;"></div>');
    jQuery('body').append('<div class="b2" style="position:absolute;width:100%;height:50%;background:black;bottom:0;left:0;"></div>');
    var b1 =  ($(window).height()/2)*-1;
    jQuery('.b1').css('top', b1);
    var b2 =  ($(window).height()/2)*-1;
    jQuery('.b2').css('bottom', b1);
    var blink = setInterval(function(){
        jQuery('.b1').animate({'top':0}, {duration: 100, queue: false, complete: function(){
            jQuery('.b1').animate({'top':b1}, 100);
        }});
        jQuery('.b2').animate({'bottom':0}, {duration: 100, queue: false, complete: function(){
            jQuery('.b2').animate({'bottom':b2}, 100);
        }});
    }, 5000);
    
});