<html>
<head>
</head>
<body>
<div style="z-index:4;" >
<IMG id="myimg" src = '1.jpg' width = 30% style = "position: absolute; z-index:4; "> </div>
<div style="z-index:1; " >
<center>TEXTTEX</center>
</div>
</body>
</html>
var x;
function curvemove (xid, yexpr, xexpr, ztime){
if (!xid) return null
if (!yexpr) yexpr = "x"
if (!xexpr) xexpr = "x"
if (!ztime) ztime = 100 //интоевал времени, мс
x=0 /*глобальная переменная, входящая в выражение yexpr и xepr filter:alpha(opacity=30); */
setInterval(function() {move(xid, yexpr, xexpr)}, ztime)
}
function move (xid, yexpr, xexpr) {
x++;
document.getElementById(xid).style.top = eval(yexpr);
document.getElementById(xid).style.left = eval(xexpr);
}
window.onload = function() {
curvemove("myimg", "100 + 50*Math.sin(0.03*x)", "50+x", 10);
}
Вам еще много чего нужно сделать для хорошей анимации.
Советую почитать
статью