漂浮后显示 (不使用 tooltips)
<td>
<span class="hd2">概况</span> <span id="messageover" style="height:20px;" class="img-span why"></span>
</td>
<div id="messageovercontent" class="zib whycont">
<span style="font-weight:600">+++++:</span><br/>
<span >++++++++++</span><br/>
<span style="font-weight:600">@@@:</span><br/>
<span>@@@@@@@@@@@@@@@@@@@@@@</span><br/>
<span style="font-weight:600">###:</span><br/>
<span>######################</span>
</div>
function getObUpperLeft(obj) {
var curLeft = curTop = 0;
if (obj.offsetParent) {
curLeft = obj.offsetLeft;
curTop = obj.offsetTop;
while (obj = obj.offsetParent) {
curLeft += obj.offsetLeft;
curTop += obj.offsetTop;
}
}
return [ curLeft, curTop ];
}
$("#messageover").hover(function(){
var off = getObUpperLeft(this);
var x = off[0] + this.offsetWidth - 25;
var y = off[1] - 8;
$("#messageovercontent").css({
top:y,
left:x
});
$("#messageovercontent").show();
},
function(){
$("#messageovercontent").hide();
});
捐助开发者
在兴趣的驱动下,写一个免费
的东西,有欣喜,也还有汗水,希望你喜欢我的作品,同时也能支持一下。 当然,有钱捧个钱场(右上角的爱心标志,支持支付宝和PayPal捐助),没钱捧个人场,谢谢各位。
谢谢您的赞助,我会做的更好!