там не был подключен плагин, отвечающий за анимацию, вот с ним
https://www.dropbox.com/s/9djmkhppas99wyx/test.zip |
Всем спасибо, сама же дала себе подсказку. Все решилось без яваскриптов! Дарю аналогичное решение с помощью одного только 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>
:dance: Тема закрыта, себе любимой +1 за Опыт, +1 за убеждение что мужчины мыслят бесповоротно. +1 за смекалку и +1 за просто так))) animhotep и danik.js получают по +10 балов за составленную компанию. Без вас я бы и не додумалась на результат. http://javascript.ru/ - отдельное +100 балов, + добавлен в закладки. |
Цитата:
Код:
за убеждение что мужчины мыслят бесповоротно |
можно и без js, только не во всех браузерах будет работать
http://www.w3schools.com/css3/css3_t....asp#gsc.tab=0 |
| Часовой пояс GMT +3, время: 14:48. |