Вариант
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">
$(document).ready(function(){
$("a").mouseover(function(){
$("img").css('z-index', -1)
$("img."+$(this).attr("class")+"").animate({ left: "500", opacity: "0.3"}, "slow", function() {$(this).css('z-index', 1);} )
.animate({left: "0", opacity: "1"}, "slow")
return false;
});
});
</script>
</head>
<body>
<ul >
<li><a href="" class="run3">foto 1</a></li>
<li><a href="" class="run2">foto 2</a></li>
<li><a href="" class="run1">foto 3</a></li>
</ul>
<div style="position: absolute ;left: 100px; top: 10px;">
<img class="run1" src="http://img.files.7ja.ru/pics-big/99.jpg" id="img3" style="position: absolute ; " />
<img class="run2" src="http://www.dostavka-buketov.ru/imag/df156.jpg" id="img2" style="position:absolute;"/>
<img class="run3" src="http://www.buket.co.ua/planet/srez_cvety/____182.jpg" id="img1" style="position:absolute; " />
</div>
</body>
</html>
Пожалуйста, отформатируйте свой код!
Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]
О том, как вставить в сообщение
исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте
http://javascript.ru/formatting.