Create Dropdownmenu (PHP & CSS)

Download function create menu and add this CSS

<style>
/*---- show/hide sub menu ----*/
.menu ul ul{display:none;}

.menu ul li:hover ul,
.menu ul ul li:hover ul,
.menu ul ul ul li:hover ul,
.menu ul ul ul ul li:hover ul,
.menu ul ul ul ul ul li:hover ul{
    display:block;
}

.menu ul:hover ul ul,
.menu ul ul:hover ul ul,
.menu ul ul ul:hover ul ul,
.menu ul ul ul ul:hover ul ul{
    display:none;
}

/*---- styling menu menu ----*/
.menu ul{margin:0;padding:0;font-size:12px;}
.menu ul li{position:relative;float:left;display:inline-block;list-style:none;background:#ccc;cursor:pointer;border-left:1px solid #999;font-weight:bold;}
.menu ul li:first-child{border:none;}
.menu ul li span,.menu ul li a{display:block;}
.menu ul li span{background:url(images/nav-arrow-down.png)no-repeat right;padding: 5px 20px 5px 10px;}
.menu ul li a{text-decoration:none;color:#000;padding:5px 10px;}

.menu ul ul{position:absolute;left:0;top:25px;border-right:1px solid #D3D3D3;}
.menu ul ul li{position:relative;width:150px;display:block;background:#E8E8E8;border:none;border-top:1px dotted #B7B7B7;;font-weight:normal;}
.menu ul ul li span{background:url(images/nav-arrow-right.png)no-repeat right;padding: 5px 20px 5px 10px;}
.menu ul ul ul{left:151px;top:0;}

.menu ul li:hover{background:#E8E8E8;}
.menu ul ul li:hover{background:#ddd;}
</style>

Download Link
http://www.4shared.com/zip/OWt-RtjP/create_dropdown_menu_php_css.html

Posted in: css, php