A good dynamic navigation menu
-
Art Gallery
-
Paul Cezanne
-
Henri Matisse
-
Vincent van Gogh
-
William Turner
-
John Constable
-
Clude Monet
Effect demonstration
<Style> dl {width: 150px; background: # 00f url(bottom.gif) no-repeat left bottom; color: # fff; padding-bottom: 5px;} dt {background: # 00f url(top.gif) no-repeat top left; padding: 10px 10px 10px 20px; font: 14px/1.5em arial; border-bottom: 1px solid # fff;} dd {margin: 0; border-bottom: 1px solid # fff;} a {display: block; background: url(arrow.gif) no-repeat 10px 10px; color: # fff; text-decoration: none; padding: 5px 0px 5px 20px; font: 12px/1.5em arial;} a: hover {color: # fcc; background: url(arrow.gif) no-repeat 11px 10px ;} </style> <p id = "menu"> <dl id = "gallery"> <dt> Art Gallery </dt> <dd> Paul Cezanne </dd> <dd> Henri Matisse </dd> <dd> Vincent van Gogh </dd> <dd> William Turner </dd> <dd> John Constable </dd> <dd> clde Monet </dd> </dl> </p>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]