Показать сообщение отдельно
  #6 (permalink)  
Старый 21.10.2014, 10:29
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,120

espltd,
может без скриптов ...
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .slider .item{
     width: 100px;
     height: 100px;
      background: url(http://javascript.ru/forum/images/smilies/write.gif)
  }
  .slider:hover .item{
     background: url(http://javascript.ru/forum/images/smilies/victory.gif)
  }
 .slider .real_car{
    width: 100px;
    height: 0px;
    background: rgba(0, 255, 0, 1);
    transition: all 1s ease-in-out;
  }
 .slider:hover .real_car{
    height: 100px;
  }
  </style>
</head>

<body>
<div class="slider">
 <div class="sliderContent">
 <div class="item"></div>
 <div class="real_car"></div>
 </div>
 </div>

</body>
</html>
Ответить с цитированием