free css vertical menu

ObjectiveSince I did the smart City project, I was a backend developer, instantly turned to front-end development, but I still like the front-end. The front end of those things, actually quite interesting, HTML implementation is static, using AJAX can interact with the database, plus JS and jquery after the move, plus CSS after the more cool. Because the project needs, check the information and write some cool level two

Div+css A very good example of a three-column floating menu Here's the code:free CSS Template 5MENU#left {Position:absolute;left:0px;width:190px;Color: #564b47;margin:0px;padding:0px;}padding:0px;}this Column inherited it ' s background color from the body definition.Padding is defined through p.MENU#right {Position:absolute;right:0px;width:190px;Col

Tip: you can modify some code before running Compatible with mainstream browsers and pure CSS drop-down menuDEMOS Zero dollars advertising page Wrapping text around images Styled form Active focus Hover/click with no borders Styled form Removing active/focus borders Hover/click Shadow boxing Image map for detailed information Fun with background images Fade scrolling

One-level menu onlyOne-Level vertical menuLi {list-style:none;} (The default dot is not beautiful)Set border between list itemsa {text-textdecoration:none;} (The default underline is not beautiful)A:hover also need to reseta {display:block;} Extend the area of a to the parent elementOne-Level horizontal menuUL {Overflow:hidden;} (The contents of a multi-overflow will not be visible)Li {float:left;}a {displa

Tip: you can modify some code before running Classic css drop-down menuDrop-down menu-http://www.111cn.netDEMOSDEMOS Zero dollars Wrapping text Styled form Active focus HOVER/CLICK> HOVER/CLICK > Styled form Active focus Hover/click Shadow boxing Image map Fun backgrounds Fade scrolling Em sized images MENUSMENUS Spies menu

：CSS code:*{margin:0;padding:0;Text-decoration:none;}. Nav {margin:30px Auto;width:800px;height:30px;Background: #FF5640;}. NAV > Ul > li {List-style:none;Float:left;font-size:13px;width:130px;height:30px;line-height:30px;Text-align:center;}. Nav A:link,. Nav a:visited {Color: #fff;}. Nav ul > li:hover{Background: #FF3E3E;}. sec-nav {Display:none;width:128px;height:118px;border:1px solid #FF3E3E;}. Sec-nav > Ul > li{List-style:none;font-size:13px;line