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

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

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

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

Ответил: 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,
Можешь полностью пример показать вместе с сылкой?:)Что там должно стоять.Пожалуйста.
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

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

 15.01.2012 Aibazir  Общие вопросы по вёрстке, Стили (CSS)
 04.10.2012 blocbaster  Общие вопросы по вёрстке, Стили (CSS)
 27.12.2012 1KoTuK  Стили (CSS), jQuery
 17.03.2013 bob  Стили (CSS)
 24.05.2013 ceff  Шаблоны (TPL), Стили (CSS), Ламерские вопросы
 18.11.2013 Serega2300  Стили (CSS)
 22.02.2014 steamen  Стили (CSS), jQuery, Ламерские вопросы
 11.03.2014 aiskwad  Стили (CSS)
 07.06.2014 narkom6n  Общие вопросы, Стили (CSS), jQuery
 23.10.2014 819836  Общие вопросы, Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS)
  • mondolfo | Как вывесит в comments.tpl картинку с но ... 7
    Фото mondolfo
    mondolfo
    Как вывесит в comments.tpl картинку с новости?
    Вчера, 23:42
    кто-нибудь решил эту?
  • Darkzone | Выбор категории для доп. поля? 4
    Фото Darkzone
    Darkzone
    Выбор категории для доп. поля?
    22-11-2024, 17:08
    Разъясните как вытащить id?
  • lutskboy | Вытащить все данные из определенного доп ... 1
    Фото lutskboy
    lutskboy
    Вытащить все данные из определенного доп поля?
    22-11-2024, 16:17
    в adminer можно.
  • lutskboy | Выбор категории для доп. поля? 4
    Фото lutskboy
    lutskboy
    Выбор категории для доп. поля?
    22-11-2024, 16:14
    выбрать все кроме такого нет. можно с бд достать все ид через запятую и вставить в xfields.txt
    js скрипт можно написать
    
<script>
    window.addEventListener('load', ()=> {
        $('#category').on('change', function() {
            var value = $(this).val();
            if ($.isArray(value)) {
            	ShowOrHideEx("xfield_holder_year", jQuery.inArray('1', value) != -1 || jQuery.inArray('2', value) != -1 );
            } else {
            	ShowOrHideEx("xfield_holder_year", value == 1 || value==2);
            }
        })
    });
</script>
year доп поле . 1 и 2 катег
  • Darkzone | Выбор категории для доп. поля? 4
    Фото Darkzone
    Darkzone
    Выбор категории для доп. поля?
    22-11-2024, 14:39
    Смотрите, Нужно чтоб обязательное к заполнению доп. поле при добавлении новости, выводилось во всех категориях, кроме двух. Так как количество категорий довольно большое, есть ли способ, не тыкать каждую категорию в которой будет отображаться доп.поле. Надеюсь я смог разъяснить.
  • lutskboy | Выбор категории для доп. поля? 4
    Фото lutskboy
    lutskboy
    Выбор категории для доп. поля?
    22-11-2024, 13:52
    где выводить? админка или сайт
  • TeraMoune | Как отключить миниатюры стандартной гале ...
    Фото TeraMoune
    TeraMoune
    Как отключить миниатюры стандартной галереи Fancybox?
    21-11-2024, 06:00
    В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

    Например: параметр Thumbs: false отключает миниатюры.
    Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
  • derebas | Как реализовать шифрование трафика? 3
    Фото derebas
    derebas
    Как реализовать шифрование трафика?
    18-11-2024, 16:52
    Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:46
    я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
    Так и было...
  • lutskboy | Перенёс сайт - не работают кнопки, не от ... 8
    Фото lutskboy
    lutskboy
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:39
    чтоб не удалять выстави права и пользователя какие там идут на файлы. .
наверх