<script>
$(function(){
$("#account,div.account-set").hover( <!-- 鼠标置上时显示内容 -->
function(){$(".account-set").show();},
function(){$(".account-set").hide();}
);
})
$(document).ready(
function(){
$(".account-set").css("left",$("#account").offset().left+26); <!-- 悬浮内容的显示位置 -->
$(".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"><img border="0" src=‘/resources.gif‘></a>
<div class="account-set">
<ul class="account-set-btns"> <!-- 注意ul和li的组合使用 -->
<li class="account-set-btns-li">名称:<span id="_NAME"></span></li>
<li class="account-set-btns-li">地址:<span id="_ADDRESS"></span></li>●
</ul>
</div>
</div>
ul和li使用时,每行开始显示的是●
ol和li使用时,显示的是序号1~i