Всем спасибо, сама же дала себе подсказку. Все решилось без яваскриптов! Дарю аналогичное решение с помощью одного только css:
<body>
<title>test web trans</title>
<style type="text/css">
.container {position:relative;
width:200px;
height:300px;}
.container:hover span {margin-top:0px; }
.zoom {
width:200px;
height:300px;
background: url("img/magnify.png") no-repeat center;
text-align:center;
opacity: .9;
position: absolute;
top: 0;
left: 0;
margin-top: -200px;
-webkit-transition: margin-top;
-webkit-transition-timing-function: ease-in;
-webkit-transition-duration: 250ms; }
</style>
</head>
<body>
<div class="container" >
<a href="#"><img src="img/optimus.jpg"><span class="zoom"></span></a>
</div>
</body>
</html>
Тема закрыта, себе любимой +1 за Опыт, +1 за убеждение что мужчины мыслят бесповоротно. +1 за смекалку и +1 за просто так)))
animhotep и
danik.js получают по +10 балов за составленную компанию. Без вас я бы и не додумалась на результат.
http://javascript.ru/ - отдельное +100 балов, + добавлен в закладки.