|
   |
| Форум uCoz Помощь по uCoz всплывающее меню-иконка |
| всплывающее меню-иконка |
Дата: Воскресенье, 2015-12-27, 16:39 | Сообщение # 1
кто подскажет как сделать так что бы при нажатии на кнопку (которая по идее должна будет находиться на месте кнопки вверх ) всплывало меню. но не просто меню а такие же иконки в расположении вертикально
вот пример:до нажатия:  , после нажатия: .
Прикрепления:
9115421.png
(10.2 Kb)
·
6078469.png
(11.2 Kb)
|
Дата: Воскресенье, 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> сделал проще) |
| |||
| |||