Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Стили (CSS) Как сделать выезжающее меню для профиля?

Как сделать выезжающее меню для профиля?


     09.12.2012    Стили (CSS), jQuery    2427

вопрос
Хочу сделать выезжающее меню такого типа:
Как сделать выезжающее меню для профиля? и при наведении на аватар меню выезжает:
Как сделать выезжающее меню для профиля?
после этого можно выбрать из разделов необходимое... Подскажите пожалуйста как это реализовать?

Ответил: BR0kEN


Это реализуется одной строкой кода:
$(".avatar").hover(function(){$(".functions").slideToggle(300);});

<div class="avatar">
      <ul class="functions" style="display:none">
            <li><a href="">Опции</a></li>
            <li><a href="">Написать сообщение</a></li>
            <li><a href="">Редактировать профиль</a></li>
      </ul>
</div>

Комментарии пользователей (5)

jarrro
63 | 23

jarrro - 10 декабря 2012 01:43 - Юзер

А как сделать так, чтобы изначально class="functions" был выдвинут, например, на 50 пикселей, а при наведении на аватар, он выезжал до конца?

TheImDim
18

327 | 291

TheImDim - 10 декабря 2012 03:03 - Юзер

$(".avatar").hover(function(){$(".functions").animate({height:100%}, 1000);});


<div class="avatar">
<ul class="functions" style="height:50px;">
<li><a href="">Опции</a></li>
<li><a href="">Написать сообщение</a></li>
<li><a href="">Редактировать профиль</a></li>
</ul>
</div>

jarrro
63 | 23

jarrro - 10 декабря 2012 03:12 - Юзер

так вообще не работает

TheImDim
18

327 | 291

TheImDim - 10 декабря 2012 03:35 - Юзер

$(".avatar").hover(function(){$(".functions").animate({height:"100%"}, 1000);});
ну или вместо 100% подставь нужную цифру, например 200px

KDenis
7

KDenis - 13 апреля 2013 01:53 - Юзер

TheImDim,
Можешь полностью пример показать вместе с сылкой?:)Что там должно стоять.Пожалуйста.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 11.03.2014 aiskwad  Стили (CSS)