漂浮后显示 (不使用 tooltips)

简介:  漂浮后显示 (不使用 tooltips)             概况   +++++: ++++++++++ @@@: @@@@@@@@@@@@@@@@@@@@@@ ###: ##########...

 漂浮后显示 (不使用 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捐助),没钱捧个人场,谢谢各位。



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

 

 

目录
相关文章
|
5月前
|
弹性计算 运维 Shell
显示进度条(回旋镖版)
【4月更文挑战第29天】
51 4
|
5月前
|
弹性计算 运维 Shell
显示进度条(回旋镖版)
【4月更文挑战第29天】
29 0
|
10月前
|
前端开发
HTML+CSS制作漂浮的对话框
HTML+CSS制作漂浮的对话框
|
11月前
|
前端开发 JavaScript
标题字闪光效果
标题字闪光效果
40 0
|
前端开发
【CSS动画05--闪亮的玻璃图标悬浮效果】
【CSS动画05--闪亮的玻璃图标悬浮效果】
|
存储 C++ Python
C++复刻:[流光按钮]+[悬浮波纹按钮]
[流光按钮]+[悬浮波纹按钮]
157 0
|
JavaScript
html+css+js实现无缝隙跑马灯
html+css+js实现无缝隙跑马灯
162 0
|
前端开发 JavaScript
div在网页四周留个等宽“包边”的办法
div在网页四周留个等宽“包边”的办法
88 0
div在网页四周留个等宽“包边”的办法
|
前端开发 JavaScript
div在网页中四周留个等宽“包边”的办法
div在网页中四周留个等宽“包边”的办法
69 0
div在网页中四周留个等宽“包边”的办法
|
前端开发
前端工作总结206-显示省略号
前端工作总结206-显示省略号
71 0
前端工作总结206-显示省略号