jQuery Create Smooth Moving Background

By Sam Deering

jQuery code snippet to help you create a smoother moving background animation. The move_background() function can be called once the DOM is fully loaded then the animation is set to process every 1 second.

  setInterval ("move_background()", 100);

function move_background(){
  var backpos = $('body').css('background-position').replace(/px/gi,'').split(' ');
  var l_pos = String(backpos[0]-3)+'px 0px'

No Reader comments



Learn Coding Online
Learn Web Development

Start learning web development and design for free with SitePoint Premium!

Get the latest in JavaScript, once a week, for free.