首页 > 代码库 > CSS-悬浮显示提醒
CSS-悬浮显示提醒
<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>
CSS-悬浮显示提醒