Esos ejemplos que pones son hechos en flash.
Se pueden hacer con javascript usando la imagen como fondo de un div y repitiendola en X, y con setTimeout ir cambiando la posicion de fondo cuando el cursor este over.
ó lo puedes hacer con css de esta manera
Código CSS:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<style>
#imagen1{ background-image:url("http://www.ocompras.com/images/2009/10/balon-barcelona-de-nick-300x300.jpg"); height:300px; width:300px;}
.imagenes{ background-repeat:repeat-x; background-position:0 0; -moz-transition: background-position .5s; -webkit-transition: background-position .5s; -o-transition: background-position .5s}
.imagenes:hover{ background-position:300px 0;}
</style>
</head>
<body >
<div id="imagen1" class="imagenes"></div>
</body>
</html>
pero lo probe y solo lo soportan firefox, chrome y safari. Talvez Opera necesite alguna propiedad css adicional o de manera diferente. IExplorer no tiene remedio porque ni siquiera soporta transitions.