1 <head> 2 <script language="javascript" type="text/javascript" src="jquery-1.4.2.min.js"></script> 3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 4 <title>无标题文档</title> 5 <style> 6 #apDiv1 { 7 position:fixed;/*fixed;left:auto;top:auto用来实现悬浮的效果*/ 8 left: auto; 9 top: auto; 10 bottom:auto; 11 width: 237px; 12 height:auto; 13 z-index: 2; 14 margin-top:-8px; 15 margin-left:40px; 16 text-align:center; 17 font-size:16px; 18 font-family:"黑体"; 19 color:#965D28; 20 background-image:url(../img/bg.png); 21 } 22 #menu{ 23 display:none; 24 } 25 .daohang div{ 26 height: 30px; 27 z-index: 2; 28 margin:0 auto; 29 text-align:center; 30 padding-top:5px; 31 overflow:hidden; 32 padding-top:10px; 33 color:965D28; 34 } 35 .daohang div:hover{ 36 height:30px; 37 z-index:2; 38 margin:0 auto; 39 background-image:url(../img/menu-hover.png); 40 text-align:center; 41 overflow:visible; 42 color:#fff; 43 } 44 .daohang li{ 45 margin-left:237px; 46 list-style-type:none; 47 background-color:#D3A23A; 48 width:160px; 49 line-height:30px; 50 color:#422B1D; 51 position:relative; 52 top:-40px; 53 background-image:url(../img/bg.jpg); 54 border:solid thin; 55 border-color:#965D28; 56 z-index:1; 57 } 58 .daohang li:hover{ 59 margin-left:237px; 60 list-style-type:none; 61 background-color:#D3A23A; 62 width:160px; 63 line-height:50px; 64 color:#fff; 65 position:relative; 66 top:-40px; 67 border:solid thin; 68 border-color:#965D28; 69 background-image:url(../img/bg.png); 70 z-index:1; 71 } 72 .daohang a:link,a:visited{ 73 text-decoration: