Scary face

Code:

$(function() {
  'JUMP SCARE - Happy Halloween';
  'Script by : https://github.com/SethClydesdale';
  'Images from : http://designurge.com/scary-pictures/';

  // list of images for scaring poor souls
  var list = [
    'https://i97.servimg.com/u/f97/18/45/41/65/evil_d10.jpg',
    'https://i97.servimg.com/u/f97/18/45/41/65/evilde10.jpg',
    'https://i97.servimg.com/u/f97/18/45/41/65/hallow10.jpg',
    'https://i97.servimg.com/u/f97/18/45/41/65/scary-10.jpg',
    'https://i97.servimg.com/u/f97/18/45/41/65/scream10.jpg',
    'https://i97.servimg.com/u/f97/18/45/41/65/evil-d10.jpg',
    'https://i97.servimg.com/u/f97/18/45/41/65/10051110.jpg',
    'https://i97.servimg.com/u/f97/18/45/41/65/17662710.gif'
  ],

  img = document.createElement('DIV'); // div instead of an img so we can use backgroundSize

  // set CSS styles
  $(img).css({
    background : 'url(' + list[ Math.floor(Math.random() * list.length) ] + ') no-repeat',
    backgroundSize : '100% 100%',
    position : 'fixed',
    top : 0,
    left : 0,
    right : 0,
    bottom : 0,
    opacity : 1,
    visibility : 'hidden',
    zIndex : 1000000
  });

  document.body.appendChild(img); // add the div to the document
  window.jump_scare = img; // cache the div to a global var

  // bind click event to all links
  $('a').click(function() {
    if (Math.floor(Math.random() * 10) == 0) { // 1 in 10 chance of jump scare triggering
      jump_scare.style.visibility = ''; // show image

      // fade the image out
      $(jump_scare).animate({
        opacity : 0
      }, 400, function() {
        jump_scare.style.visibility = 'hidden'; // hide the image again
      });
    }
  });
});

Ace 1 wrote:Whoa kinda twisted but I may use this to intimidate the users on my forum (evil)

Ace 1 wrote:You ever heard of Velocity.js?

Valoish wrote:Saving for next year for sure :'3