Учим с нуля!
Оставить отзыв · Пожаловаться · RSS
  • Страница 1 из 1
  • 1
Форум » uCoz » Помощь по uCoz » всплывающее меню-иконка
всплывающее меню-иконка
gtneirjd1 Оффлайн
Проверенный
0
Дата: Воскресенье, 2015-12-27, 16:39 | Сообщение # 1
кто подскажет как сделать так что бы при нажатии на кнопку (которая по идее должна будет находиться на месте кнопки вверх ) всплывало меню. но не просто меню а такие же иконки в расположении вертикально
вот пример:до нажатия:, после нажатия:.
Прикрепления: 9115421.png (10.2 Kb) · 6078469.png (11.2 Kb)
Профиль
CbIPoK Оффлайн
Проверенный
37
Дата: Воскресенье, 2015-12-27, 16:48 | Сообщение # 2
Код
<script>
$(function() {
$('.div1').click(function() {
$(this).hide();
$('.div2').css('display', 'block');
});

$('.div3').click(function() {
$('.div2').css('display', 'none');
$('.div1').show();
});
});
</script>


Заменить на свои классы.
div1 - Будет открывать div2
div2 - Блок с контентом, в котором появится div3
div3 - Будет закрывать div2

Как-то так.
Профиль
gtneirjd1 Оффлайн
Проверенный
0
Дата: Воскресенье, 2015-12-27, 17:37 | Сообщение # 3
спасибо

Добавлено (27.12.2015, 17:03)
---------------------------------------------

Цитата CbIPoK ()
Заменить на свои классы.
div1 - Будет открывать div2
div2 - Блок с контентом, в котором появится div3
div3 - Будет закрывать div2

как я понял каждую часть нужно заключать в див со своим идом "div1" "div 2" и "div 3"
как понять что не так?
Код
<div id="div1"><a href="#" ><img src="http://www.gamesgate.ru/img/dobavit.png" width="44" height="44" border="0" /></a></div>
<div id="div2"><a href="#" ><img src="http://www.gamesgate.ru/img/dobavit.png" width="44" height="44" border="0" /></a>
<a href="#"><img src="http://www.gamesgate.ru/img/dobavit.png" width="44" height="44" border="0" /></a></div>
<div id="div3"><a href="#" ><img src="http://www.gamesgate.ru/img/dobavit.png" width="44" height="44" border="0" /></a></div>

Добавлено (27.12.2015, 17:37)
---------------------------------------------

Код
<?if($LOGIN_LINK$)?><?else?>

<div id="box" style="display: none;"><a href="#"><img src="/img/dobavit.png" width="44" height="44" border="0" /></a><br>
<a href="#"><img src="/img/dobavit.png" width="44" height="44" border="0" /></a><br></div>
<a href="#" onclick="openbox('box'); return false">
<img src="/img/dobavit.png" width="44" height="44" border="0" /></a>
<?endif?>

<script type="text/javascript">

window.onload= function() {
    document.getElementById('toggler').onclick = function() {
  openbox('box', this);
  return false;
    };
};
function openbox(id, toggler) {
    var div = document.getElementById(id);
    if(div.style.display == 'block') {
  div.style.display = 'none';
  toggler.innerHTML = 'Открыть';
    }
    else {
  div.style.display = 'block';
  toggler.innerHTML = 'Закрыть';
    }
}

</script>

сделал проще)
Профиль
Форум » uCoz » Помощь по uCoz » всплывающее меню-иконка
  • Страница 1 из 1
  • 1
Поиск:
Главная