0

вот такПроблема состоит в том, что когда пишу animate с 20px до 40px, то блок в целом трансформируется. А мне надо, чтобы эти добавочные 20 пикселя добавлялись к верхней части только. Дело в том, что у меня 2 элемента друг на друге и мне надо при наведении на верхний слой, нижний слой, точнее ТОЛЬКО верхняя ее часть возросла на 20 пикселей.

8
  • padding-top: 20px; margin-bottom: 0;
    – zb'
    28 июн 2013 в 10:03
  • растет вниз =/
    – navi1893
    28 июн 2013 в 10:08
  • тогда: @navi1893, Согласно правилам форума, вопросы не должны сводиться к решению либо завершению учебных заданий за учащихся. Пожалуйста, уточните, что вы сделали сами и что не получилось. выложите код сюда и на jsfiddle
    – zb'
    28 июн 2013 в 10:12
  • На чем-то похожий вопрос, я уже как-то отвечал. Тот пример не буду переделывать, т.к. вам главное суть уловить.
    – Deonis
    28 июн 2013 в 10:14
  • 2
    @navi я хочу чтобы вы выложили сюда пример кода с ошибкой а не вашу картинку.
    – zb'
    28 июн 2013 в 15:57

1 ответ 1

1

Вас понял, вот тогда такое решение: http://jsfiddle.net/ZQBuu/4/

8
  • Можете объяснить? Я чет не понял :/
    – navi1893
    28 июн 2013 в 12:10
  • здесь мы для нижнего блока задаем событие $('#up').animate({height: 40}), которое увеличит верхний элемент до 40px при наведении(на нижний. Если я правильно понял ваш вопрос то так! 28 июн 2013 в 12:13
  • 1
    @Артур Пантелеев не надо вставлять onmouseover="" да еще и с кодом jQuery внутри. смотрится кошмарно. а вообще - вот
    – zb'
    28 июн 2013 в 16:12
  • 1
    вот неужели было сложно выложить вместо того чтобы нахамить ? jsfiddle.net/oceog/szYQq/2 jsfiddle.net/oceog/szYQq/3 jsfiddle.net/oceog/szYQq/4
    – zb'
    28 июн 2013 в 19:54
  • 1
    @navi сами посчитайте
    – zb'
    29 июн 2013 в 19:17

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.