html css 悬浮切换效果,CSS-悬浮显示提醒，CSS-悬浮显示

CSS-悬浮显示提醒，CSS-悬浮显示

$(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);

});

.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

}

 

•        
• 名称：
• 地址：●

ul和li使用时，每行开始显示的是●

ol和li使用时，显示的是序号1~i