<script>
$ (function () {
$ ("#account, Div.account-set"). Hover (<!--display content when you mouse over-
Function () {$ (". Account-set"). Show ();},
Function () {$ (". Account-set"). Hide ();}
);
})
$ (document). Ready (
function () {
$ (". Account-set"). CSS ("left",$ ("#account"). Offset ().left +26); <!--display location of suspended content--
$ (". Account-set"). CSS ("Top", $ ("#account"). Offset (). top+19);
});
</script>
<style>
<style>
. account-set {
Z-index:1; Border-bottom: #558bc6 1px solid; Position:absolute; Border-left: #558bc6 1px solid; padding-left:1px; width:300px; padding-right:2px; Display:none; BACKGROUND: #fff no-repeat; Border-top: #558bc6 1px solid; right:0px; Border-right: #558bc6 1px solid; padding-top:10px; top:20px
}
Ul.account-set-btns {
padding-left:0px; padding-right:0px
}
UL. Account-set-btns-li {
padding-left:0px; padding-right:0px
}
</style>
<div class= "link" > <a href= "javascript:void (0)" id= "account" > </a> <div class= "Account-set" > <ulclass= "Account-set-btns" > <!--note the combination of UL and Li--<Liclass= "Account-set-btns-li" > Name: <span id= "_name" ></span></li> <li class= " Account-set-btns-li "> Address: <span id=" _address "></span></li> </ul> </div></div > UL and Li use, each line starts to show the ol and Li when used, the display is the ordinal 1~i
css-Hover Display Reminder