js代码部分
//来访好友的悬浮层(我的主页、好友主页、陌生人主页)
function GetSuspensioncall(obj) {
obj = $(obj);
var imgId = obj.attr("id"), userNum = obj.attr("tit"), userHead = obj.attr("src"), userName = obj.attr("ext"), userCallInTime = obj.attr("ait"), imgLeft = obj.offset().left, imgTop = obj.offset().top + obj.height();
var bodywidth = $("body").width();
random++;
setTimer[imgId] = window.setTimeout(function() {
var divID = "Box" + random;
var friendNum = imgId.replace("img", "");
if (document.getElementById(divID) == null) {
$("body").append('<div class="followerPreviewBox" + imgId).remove();
$('.followerPreviewBox').remove();
}
悬浮层的CSS代码
/*悬浮层的样式*/
.followerPreviewBox{ background: url("http://images.digu.com/web_res_v1/images/ico_loading16.gif") no-repeat scroll 5px center #FFFFFF; border-left: 0 solid #000000; margin-top: 5px; position: absolute;text-align: left;width: 310px; z-index: 9999; }
.followerPreviewBox .layerBox{background-color:#F4FFF9;}
.followerPreviewBox .layerBoxCon1{width: 298px;}
.followerPreviewBox .picborder_r{width:50px;height:50px;}
.followerPreviewBox .namehref{text-decoration:none;color:#0082CB;text-decoration: none; color: rgb(0, 130, 203); margin-bottom: 9px;}
.followerPreviewBox .name_card_con4{margin-top:5px;}
.followerPreviewBox .small_icon{margin-top:5px;margin-left:3px; margin-top: 12px;_padding-left:3px}
.followerPreviewBox .man{}
.followerPreviewBox strong{color:#FFAA00;}
.name_card .name dd{ width:210px;}
.name_card .info dd p{ word-wrap: break-word;}
/*end*/
未经过测试，仅供参考
感谢:jude_lau