Показать сообщение отдельно
  #8 (permalink)  
Старый 14.06.2013, 22:01
что-то знаю
Отправить личное сообщение для devote Посмотреть профиль Найти все сообщения от devote
 
Регистрация: 24.05.2009
Сообщений: 5,176

в нормальных браузерах это можно сделать без скриптов:

<style>
    .cache {
        height: 20px;
        overflow-y: hidden;
        float: left;
        margin: 0 10px;
    }
    .cache:hover a:first-child {
        margin-top: -19px;
    }
    .cache a {
        color: green;
        display: block;
        margin-top: 0px;
        -webkit-transition: margin-top 0.2s ease;
        -ms-transition: margin-top 0.2s ease;
        -o-transition: margin-top 0.2s ease;
        transition: margin-top 0.2s ease;
    }
    .cache a:last-child {
        color: red;
    }
</style>
<div class="box">
    <div class="cache">
        <a href="#">javascript.ru</a>
        <a href="#">javascript.ru</a>
    </div>
    <div class="cache">
        <a href="#">javascript.ru</a>
        <a href="#">javascript.ru</a>
    </div>
    <div class="cache">
        <a href="#">javascript.ru</a>
        <a href="#">javascript.ru</a>
    </div>
</div>
__________________
хм Russians say завтра but завтра doesn't mean "tomorrow" it just means "not today."
HTML5 history API рассширение для браузеров не поддерживающих pushState, replaceState
QSA CSS3 Selector Engine
Ответить с цитированием