Разворачивающееся меню для сайта.

Discussion in 'PHP' started by MafiaBoy3, 9 Jul 2008.

  1. MafiaBoy3

    MafiaBoy3 Banned

    Joined:
    14 Apr 2007
    Messages:
    295
    Likes Received:
    15
    Reputations:
    1
    Собственно не знаю как сделать. А поэтому интересуют все статьи где детально и с картинками описывается РАЗВОРАЧИВАЮЩЕЕСЯ МЕНЮ.

    Статьи можно на английском, лижбы было понятно.

    Ps:Гуглил по миру но гугл выдавал гавённые статьи, где чисто текст (и то корявый).
     
  2. Корвин

    Корвин Elder - Старейшина

    Joined:
    26 Feb 2007
    Messages:
    256
    Likes Received:
    31
    Reputations:
    3
    смари тебе нада див спозиционированный определенно со style="display:none" и id="asd"

    и в том месте при наведении на которое менюшка должна появляца

    onmouseover="document.getElementById('asd').style.display='block';"
    и onmouseout="document.getElementById('asd').style.display='none';"

    получается читать тебе нада про обработчики событий типа onmouseover и про document.getElementById , вот и все, сперва попробуй попрактиковаца с тем что я написал, сделай див с такими параметрами и любой обьект на который можно мышку навести
     
    1 person likes this.
  3. -=Static=-

    -=Static=- Banned

    Joined:
    12 Nov 2006
    Messages:
    201
    Likes Received:
    40
    Reputations:
    0
    начни свои поиски отсюда:
    http://habrahabr.ru/tag/JavaScript/
    http://habrahabr.ru/tag/css/

    http://www.rsdn.ru/Forum/?mid=177943 (конкретно про меню)
    http://www.rsdn.ru/article/inet/jQuery.xml (про отличный фреймворк)
     
    #3 -=Static=-, 9 Jul 2008
    Last edited: 9 Jul 2008
  4. Корвин

    Корвин Elder - Старейшина

    Joined:
    26 Feb 2007
    Messages:
    256
    Likes Received:
    31
    Reputations:
    3

    я пытаюсь научить человека искать инфу правильно в нете, такое не трудно найти, просто нада знать что искать
     
  5. Jer1cho

    Jer1cho Member

    Joined:
    6 Jun 2008
    Messages:
    209
    Likes Received:
    65
    Reputations:
    10
    Простой пример:
    PHP:
    <html>
     <
    head>
        <
    title>Test</title>
        <
    style type="text/css">
        .
    mn {
        
    border-bottom:#B6BCC6 1px solid;
        
    border-top:#B6BCC6 1px solid;
        
    }

        .
    sm {
        
    visibility:hidden;
        
    position:absolute;
        
    border-left:2px #B6BCC6 solid;
        
    border-right:2px #B6BCC6 solid;
        
    border-bottom:2px #B6BCC6 solid;
        
    background-color:#F5F5F5;
        
    }
        </
    style>

        <
    script type="text/javascript">
        var 
    oldId;
        function 
    omo(ml,m){ ex(ml); oldId ml; }
        function 
    hi(elem) { document.getElementById(elem).style.visibility 'hidden';  }
        function 
    ex(elem) { document.getElementById(elem).style.visibility 'visible'; }
        
    </script>
     </head>
     <body bgcolor="#E8EAEF">
      <table width='750' cellpadding='0' cellspacing='0' border='0' align='center'>
        <tr>
            <td class='mn' width='20'></td><td class='mn' id='m1' onMouseOver="omo('ml1','m1')" onMouseOut="hi('ml1')"><a href='/video' class='menu' onClick='return false;'>Video</a></td>
            <td class='mn' width='20'></td><td class='mn' id='m2' onMouseOver="omo('ml2','m2')" onMouseOut="hi('ml2')"><a href='/foto'  class='menu' onClick='return false;'>Foto</a></td>
            <td class='mn' width='20'></td><td class='mn' id='m3' onMouseOver="omo('ml3','m3')" onMouseOut="hi('ml3')"><a href='/music' class='menu' onClick='return false;'>Music</a></td>
        </tr>
        <tr>
            <td></td><td><div id='ml1' onMouseOver="ex('ml1')" onMouseOut="hi('ml1')" class='sm'>
            <nobr>
            <a href='#'>dasasdasas</a><br>
            <a href='#'>dasdasdasdasdasdas</a><br>
            <a href='#'>dsadasdadsadsadasdas</a><br>
            <a href='#'>dsadsasadasdasdasas</a><br>
            <a href='#'>dsaaddasdasasdasds</a><br>
            </nobr>
            </div></td>

            <td></td><td><div id='ml2' onMouseOver="ex('ml2')" onMouseOut="hi('ml2')" class='sm'>
            <nobr>
            <a href='#'>dasasdasas</a><br>
            <a href='#'>dasdasdasdasdasdas</a><br>
            <a href='#'>dsadasdadsadsadasdas</a><br>
            <a href='#'>dsadsasadasdasdasas</a><br>
            <a href='#'>dsaaddasdasasdasds</a><br>
            </nobr>
            </div></td>

            <td></td><td><div id='ml3' onMouseOver="ex('ml3')" onMouseOut="hi('ml3')" class='sm'>
            <nobr>
            <a href='#'>dasasdasas</a><br>
            <a href='#'>dasdasdasdasdasdas</a><br>
            <a href='#'>dsadasdadsadsadasdas</a><br>
            <a href='#'>dsadsasadasdasdasas</a><br>
            <a href='#'>dsaaddasdasasdasds</a><br>
            </nobr>
            </div></td>
        </tr>
      </table>
     </body>
    </html>
    Примерно как-то так.
    А вообще можешь поразбирать код на сайтах, где есть меню, если что-то не поймешь...
     
  6. -=Static=-

    -=Static=- Banned

    Joined:
    12 Nov 2006
    Messages:
    201
    Likes Received:
    40
    Reputations:
    0
    Это надо не инфу искать, а брать учебник для начинающих и потихоньку, шаг за шагом учить язык. Я дал ссылки на те места где, по моему мнению, можно прочесть оч хорошие маны.
     
  7. MafiaBoy3

    MafiaBoy3 Banned

    Joined:
    14 Apr 2007
    Messages:
    295
    Likes Received:
    15
    Reputations:
    1
    нифига не нашёл
     
  8. Корвин

    Корвин Elder - Старейшина

    Joined:
    26 Feb 2007
    Messages:
    256
    Likes Received:
    31
    Reputations:
    3
    хахаха, да тебе тут стока понаписали, на 10 менюшек хватит, и ты ничо не нашол?
     
  9. MafiaBoy3

    MafiaBoy3 Banned

    Joined:
    14 Apr 2007
    Messages:
    295
    Likes Received:
    15
    Reputations:
    1
    Вот всё таки нашел, но и Вам спасибо!

    http://anton.shevchuk.name/javascript/jquery-for-beginners/

    Отличная стать по JQuery с картинками и примерами онлайн.