Hola haber si te sirve este ejemplo:
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
body {
margin:0px;
background-color:#000;
text-align:center;
overflow:hidden;
}
#logo {
position: absolute;
right:0px;
z-index:2;
float:right;
background-image: url(img/telon.jpg);
height:100%;
width:50%;
background-color:#333;
}
#logo2 {
position: absolute;
left:0px;
z-index:1;
float:left;
background-image:url(img/telon.jpg);
height:100%;
width:50%;
background-color:#333;
}
</style>
<script src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
<script>
$(document).ready(function(){
$('#logo').animate({right:"-=1950"},4000);
$('#logo2').animate({left:"-=1950"},4000);
});
</script>
</head>
<body>
<div id="logo"></div>
<div id="logo2"></div>
</body>