<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">{margin:0px auto; padding:0px} #xiala {width:150px} #sel {width:150px; height:25px; border:1px solid #666} #sel: hover{cursor:pointer} #list {width:150px; display:none}.node{width:150px; height:25px; background-color: #F6F; Font-weight:bold; Color:white; font-family: Microsoft ya black; Text-align:center; line-height:25px; Vertical-align:middle; border:1px solid #666; border-top:0px;}. node:hover{background-color: #69C; Cursor:pointer}</style>$ (document). Ready (function(e) {//Drop- down list$ ("#sel"). Click (function(){ if($ ("#list"). CSS ("display") = = "None") { $("#list"). CSS ("Display", "block"); } Else { $("#list"). CSS ("display", "none"); } }) $(". Node"). Click (function(){ varZhi = $ ( This). text (); $("#sel"). text (zhi); $("#list"). CSS ("display", "none"); }) });</script>View CodeJQ effects drop-down list to write the same effect as CSS