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

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


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

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

Ответил: 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
Юзер

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

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

TheImDim
Юзер

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
Юзер

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

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

TheImDim
Юзер

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

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

KDenis
Юзер

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

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

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

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

 11.03.2014 aiskwad  Стили (CSS)
наверх