`
knight_black_bob
  • 浏览: 865410 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

漂浮后显示 (不使用 tooltips)

    博客分类:
  • js
阅读更多

 漂浮后显示 (不使用 tooltips)

 



 

 

 

 

 

<td>
					<span class="hd2">概况</span> &nbsp;<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捐助),没钱捧个人场,谢谢各位。



 
 
 谢谢您的赞助,我会做的更好!

 

 

  • 大小: 6.6 KB
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics