scroll bg

by Korah Babu Varghese

HTML

<div id="title"></div>

CSS

#title {
    width: 100%;
    height: 400px;
    background-image: url(http://discuss.zoho.com/getCustomFile.do?fileId=14737000001194435&forumGroupId=14737000000003003);
    background-position: 0px 0px;
}

JavaScript

jQuery(document).ready(function($) {
    
    
	var animate = $('#title');
    function loopbackground() {
		animate.css('background-position', '0px 0px');
		$({position_x: 0, position_y: 0}).animate({position_x: -5000, position_y: -2500}, {
			duration: 12000,
			easing: 'linear',
			step: function() {
				animate.css('background-position', this.position_x+'px '+this.position_y+'px');
			},
			complete: function() {
				loopbackground();
			}
		});
	}
	loopbackground();
    
    
});