Navigacine vertikali meniu

Čia yra skriptas vertikalaus išskleidžiamo meniu.

 

Html kodas:

<nav class="menu">
        <ul class="navmenu">
            <li><a href="#">meniu 1</a>
                <ul>
                    <li><a href="#">meniu 4</a></li>
                    <li><a href="#">meniu 4</a></li>
                </ul>
            </li>
            <li><a href="#">meniu 10</a></li>
        </ul>
</nav>

css kodas:

a {
    text-decoration: none;
  }

.menu ul {
    list-style-type: none;
    background-color: cadetblue;
    width:100px;
    padding-left: 0px;
    position: relative;
       }

.navmenu ul {
    display: none;
    background-color: cadetblue;
    width:100px;
    margin-left:100%;
    position: absolute;
    border-left: 7px solid palevioletred;
    top:-9999px;
        }

.navmenu li:hover ul {
    display: block;
    top:0px;
      }

 

Palikite komentarą