1<! DOCTYPE html>234<meta charset= "UTF-8" >5<title></title>67<style>8 . a{9font-size:18px;Tenfont-Weight:bold; Onelist-Style:none; Aborder-bottom:8px solid royalblue; - Overflow:auto; - } the . A li{ - float: Left; -margin-left:2px; - + } - + . A Li a{ Atext-Decoration:none; atline-height:40px; - background: #DDDDDD; -Color: #666666; - Display:block; - width:180px; -text-Align:center; in - } to . A li a span{ + Display:none; - } the . A li a:hover span{ * Display:block; $ Background:royalblue;Panax Notoginseng Color:white; - } the . A Li a:hover{ + AMargin-top:-40px; the } +</style> -<body> $<ul class= "a" > $<li><a href= "#" > Home <span>Home</span></a></li> -<li><a href= "#" > Course Hall <span>Course</span></a></li> -<li><a href= "#" > Learning Center <span>Learn</span></a></li> the</ul> -</body>WuyiJQuery--Chinese and English menu switching