MasterAM
ОБСУЖДЕНИЕ

Выпадающий меню

12 сообщений0 просмотровОткрыта
#1
Нужен выпадаюший меню на php и jquery. Помагите
#2
NurKaz, в шапку
CODE
<script type="text/javascript"
src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>


между тегами <head> и </head>

CSS
<style type="text/css">
.spoiler_body {
     display:none;
     cursor:pointer;
     float:left;
     width:220px;
     background-color:#EEEEEE;
     text-align:left;
     position:absolute;
     z-index:99;}
.spoiler_body a {padding:0px 10px;}
.spoiler_links {
    float:left;
    margin:0px 5px;
    width:220px;
    background-color:#00BB00;
    line-height:1.5;
    text-align:center;}
</style>


Далее, в том месте Вашего сайта, где будет располагаться выпадающее вертикально меню, необходимо добавить Ваше меню со всеми его разделами и подразделами следующим образом:


HTML
<div class="spoiler_links"><a href="script.php"><b>Скрипты</b></a>
 <div class="spoiler_body">
  <a href="collapsing_menu.php">Вертикальное меню</a><br>
  <a href="reflection_image.php">Добавление отражения</a><br>
  <a href="serial_output_img.php">Последовательный вывод</a><br>
  <a href="highlight_table_jquery.php">Подсветка строк в таблице</a>
 </div>
</div>

<div class="spoiler_links"><a href="useful_site.php"><b>Сервисы</b></a>
 <div class="spoiler_body">
  <a href="goqr_me.php">Создание QR кодов</a><br>
  <a href="csscompressor.php">Сжатие CSS кода</a><br>
  <a href="javascriptcompressor.php">Сжатие JavaScript кода</a>
 </div>
</div>


После того, как меню добавлено, необходимо добавить скрипт, который будет при наведении курсора мыши на разделы меню показывать его подразделы и скрывать их, когда курсор мыши покидает область меню. Для этого скопируйте на свою страничку следующий код:


CODE
<script type="text/javascript">
$(document).ready(function(){
 $('.spoiler_links').mouseenter(function(){
  $(this).children('div.spoiler_body').slideDown('normal');
 });
 $('.spoiler_links').mouseleave(function(){
  $(this).children('div.spoiler_body').slideUp('normal');
 });
});
</script>
#3
Не получился
#4
значит руки ровняй. я этот скриптик делал клиенту .
#5
Даю файл head.php, можешь делать
#6
-=(C)DRU987=-, ааа :-D ПОНИМАЮ Я ХАМЛЮ ТУТ ВСЕМ , НУ МНЕ ПРОСТИТЕЛЬНО,НУ А ТЫ ЖЕ СОЗДАТЕЛЬ
#7
в шапку только первый код
#8
bage, ну так бля всё по полочке разложил. скажи что там может быть непонятного?
#9
Мне надо на шапку выпадаюший меню
#10
-=(C)DRU987=-, аааа :-D нервный ты,нельзя при твоей должности быть таким,они же тупые вот и не понимают
#11
NurKaz, .гиф8.
<head /> это совсем другое
#12
Знаю