Scribd Logo
Upload

Welcome to Scribd!

  • Drop Down

    Uploaded by

    OneirosVas
    11 views3 pages
    drop down menu in php

    Original Title

    drop down

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    drop down menu in php

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    11 views3 pages

    Drop Down

    Uploaded by

    OneirosVas
    drop down menu in php

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 3

    <!

    DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Shoping cart</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/
    1.11.1/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
    $('#submenu > li').bind('mouseover', openSubMenu);
    $('#submenu > li').bind('mouseout', closeSubMenu);
    function openSubMenu() {
    $(this).find('ul').css('visibility', 'visible');
    };
    function closeSubMenu() {
    $(this).find('ul').css('visibility', 'hidden');
    };
    });
    </script>
    <style type="text/css">
    body {
    margin: 0px;
    font-family: Tahoma, Geneva, sans-serif;
    /* [disabled]font-size: 14px; */
    }
    ul{
    z-index:5;
    }
    #submenu {
    margin:0;
    padding:0;
    }
    #submenu li {
    list-style:none;
    float:left;
    font:12px Arial, Helvetica, sans-serif #111;
    }
    #submenu li a:link, #submenu li a:visited {
    display:block;
    text-decoration:none;
    background-color:#FFF;
    padding: 0.5em 2em;
    margin:0;
    border-right: 1px solid #fff;
    color:#111;
    }
    #submenu li a:hover {
    background-color:#CCC;

    }
    /*style the sub menu*/
    #submenu li ul {
    position:absolute;
    visibility:hidden;
    border-top:1px solid #fff;
    margin:0;
    padding:0;
    opacity: 0.92;
    width:100%;
    }
    #submenu li ul li {
    display:inline;
    float:none;
    }
    #submenu li ul li a:link, #submenu li ul li a:visited {
    background-color:#F00;
    }
    #submenu li ul li a:hover {
    background-color:#CCC;
    }
    </style>
    </head>
    <body>
    <!-- **** template_pageTop.php **** -->

    <div id="submenu">
    <li><a href="#">Home</a>
    <ul>
    <li><a href="#">sub menu item 1</a></li>
    <li><a href="#">sub menu item 2</a></li>
    <li><a href="#">sub menu item 3</a></li>
    <li><a href="#">sub menu item 4</a></li>
    </ul>
    </li>
    <li><a href="#">Men Wardrobe</a>
    <ul>
    <li><a href="#">sub menu item 1</a></li>
    <li><a href="#">sub menu item 2</a></li>
    <li><a href="#">sub menu item 3</a></li>
    <li><a href="#">sub menu item 4</a></li>
    </ul>
    </li>
    <li><a href="#">Women Wardrobe</a></li>

    <li><a href="#">Contact us</a></li>


    </div>
    </body>
    </html>

    You might also like