<html> <head> <style> #nav,#nav ul { padding:0; margin:0; list-style:none; } #nav li { float:left; position:relative; width:200px; border:1px solid #B0C4DE; background-color: #E7EDF5; color:#2D486C; } a { text-decoration:none; } #nav ul { position:absolute; } #nav li ul { visibility:hidden; } #nav li:hover ul { visibility:visible; opacity:0.6; } </style> </head> <body> <ul id="nav"> <li><a href="#">menu1</a> <ul> <li><a href="#">sub1Menu1</a></li> <li><a href="#">sub2Menu1</a></li> <li><a href="#">sub3Menu1</a></li> </ul> </li> <li><a href="#">menu2</a> <ul> <li><a href="#">sub1Menu2</a></li> <li><a href="#">sub2Menu2</a></li> <li><a href="#">sub3Menu2</a></li> </ul> </li> </ul> </body> </html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)