<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <ptml xmlns = "http://www.w3.org/1999/xhtml"> <pead> <meta http-equiv =" content-Type "content =" text/html; charset = UTF-8 "/> <title> Self-written sliding menu/</title> <style type =" text/css "> * {margin: 0; padding: 0;} body {margin: auto; font: 14px "", Verdana, Arial, Helvetica, sans-serif; color: #333;} ul, li {padding: 0; list-style: none;} a: link, a: visited {color: #333; text-decoration: none;} a: hover {color: # d00; text-decoration: none;} # headNav {background: url (http://files.jb51.net/imgby/_navBg.png) 0-42px repeat-x; border-top: solid 1px # E5B0B1; height: 42px;} # headNav ul li {float: left; padding: 13px 0; text-align: center; cursor: pointer;} # headNav ul li a {display: block; font-size: 14px; padding: 0 9px; font-weight: bold; color: # fff ;}# headNav ul li. lineLink {border-left: dotted 1px # fff ;}. navNormalLink {background: url (http://files.jb51.net/imgby/_navBg.png) 0-42px no-repeat; padding-bottom: 4px ;}. navNormalOver {background: url (http://files.jb51.net/imgby/_navBg.png) no-repeat; padding-bottom: 4px ;} </style> </pead> <body> <ul> <li> footfall </li> <li> industry news </li> <li> Search Engine </li> <li> webmasters interview </li> <li> website Alliance </li> <li> source code download </li> <li> webpage effects </li> <li> Template material </li> <li> Software Download </li> </ul> </body> </ptml>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]