Tip: you can modify some code before running
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Navigation menu in Chinese and English</title><style type="text/css">* {Margin: 0; padding: 0 ;}# nav {padding: 10px 10px 0; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif,; margin: 1em 0 0; list-style: none ;}# nav li {float: left; margin-right: 1px ;}# nav li, # nav li a: hover span {line-height: 20px; text-decoration: none; background: # dddddddd; color: #666666; display: block; width: 80px; text-align: center; overflow: hidden;} # nav li a span {display: none;} # nav a: hover {position: relative;} # nav: hover span {display: block; position: absolute; top: 0; left: 0; cursor: pointer;} # nav a: hover span {padding-top: 2px ;} # nav li a: hover, # nav li a: hover span {color: # FFFFFF; background: # DC4E1B ;}# navbar {background: # DC4E1B; height: 8px; overflow: hidden; clear: both ;}</style></head><body> <ul id="nav"><li>Home first page</li><li>About us</li><li>Products product display</li><li>Services after-sales service</li><li>Contact us</li></ul><div id="navbar"></div></body></html>
Tip: you can modify some code before running
