Проявляющийся блок при наведении мыши. Как реализовать.

[themanwho]

Как реализовать идею такую как на сайте Розетки http://rozetka.com.u.../185/index.html. При наведении мыши на блок открывается полное его представление. Не могу понять в какие дивы и с каким позиционированием обернуть информацию чтобы получить такой эффект.

Буду благодарен за помощь.

[npofopr]

1. Берете сайт розетки. Делаете crtl+U

2. Копируете все. Копируете все стили и скрипты.

3. Проверяете, чтобы все работало, ну или почти.

4. Удаляете все лишние блоки, шапку, футер, ненужный контент. Вместе с этим все лишний скрипты и стили

5. Смотрите на ваш блок.

6. Разбираетесь.

[Struggle]

box-shadow при :hover

ничего сложного

[Zverushka]

Я думаю имеется основной div с overflow: hidden и фиксированной высотой. Внутри находится более высокий слой, который обрезается. Чтобы не было видно резкого обрезания текста внизу - снизу добавлена светлая рассеянная тень.

На щелчке или ховеру по диву через javascript у главного div'a убирается overflow:hidden и становится видно все содержимое. чтобы не сдвинулись нижнии слои - слою временно присваивается position absolute с нужными координатами.

[Struggle]

Я думаю имеется основной div с overflow: hidden и фиксированной высотой. Внутри находится более высокий слой, который обрезается. Чтобы не было видно резкого обрезания текста внизу - снизу добавлена светлая рассеянная тень.

На щелчке или ховеру по диву через javascript у главного div'a убирается overflow:hidden и становится видно все содержимое. чтобы не сдвинулись нижнии слои - слою временно присваивается position absolute с нужными координатами.

Так и есть, но проще было бы через display

Edited July 29, 2013 by Struggle

[themanwho]

Спасибо. Буду пробовать.