Показать сообщение отдельно
  #6 (permalink)  
Старый 07.11.2010, 14:18
Особый гость
Посмотреть профиль Найти все сообщения от monolithed
 
Регистрация: 02.04.2010
Сообщений: 4,260

А вот оно что
Тогда мне кажется проще так:
<html>
    <head>
        <script type='text/javascript' src='http://code.jquery.com/jquery-1.4.3.min.js'>
        </script>
    </head>
    <body>
          <div id='block'>
              <div id='large'></div>
              <div id='small'></div>
          </div>
        
        <style type="text/css">
        #block, #large, #small {position: absolute;}
        #block {overflow: hidden; width: 100px; height: 100px;}
        #large {background: #555555; top: 50px; width: 100px; height: 50px; z-index: 1;}
        #small {background: orange; display: none; top: 80px; left: 15px; width: 70px; height: 30px;}
        </style>
        
        <script type='text/javascript'>
            $("#large").toggle(
                function(){
                    $("#small").show().animate({
                        opacity: 1,
                        top: "-=60px"
                      }, 500);
               },
                function(){
                    $("#small").animate({
                       opacity: -5,
                       top: "+=60px"
                    }, 500);
               }
            );
        </script>
    </body>
</html>

Последний раз редактировалось monolithed, 07.11.2010 в 14:25.
Ответить с цитированием