鼠标移动显示层

最新推荐文章于 2021-10-05 03:03:56 发布

liangjie5305579

最新推荐文章于 2021-10-05 03:03:56 发布

阅读量132

点赞数

分类专栏： js 转载文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/liangjie5305579/article/details/84514797

版权

转载同时被 2 个专栏收录

19 篇文章 0 订阅

订阅专栏

2 篇文章 0 订阅

订阅专栏

转自csdn中一个朋友的回答答案[url]http://bbs.csdn.net/topics/310199485[/url]

当鼠标移动，显示出层，离开，层隐藏，直接将以下代码另存为html即可查看效果

[img]http://dl2.iteye.com/upload/attachment/0092/4731/a19f389b-ee35-31da-9ff8-457c99279184.jpg[/img]

[img]http://dl2.iteye.com/upload/attachment/0092/4733/16ac2f8a-eefe-3793-a137-5f6575fafa71.jpg[/img]


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<script>
function over(obj,div,bol){
var rec=getoffset(obj);
    div.style.top=rec[0]+obj.offsetHeight;
    if(bol==true)
    	rec[1] -= 50;
    div.style.left=rec[1];     
    div.style.display="block";        
}

function out(div) {
div.style.display="none";
}

function getoffset(e) {  
var t=e.offsetTop;  
 	var l=e.offsetLeft;  
 	while(e=e.offsetParent) {  
  	 t+=e.offsetTop;  
  	 l+=e.offsetLeft;  
 	}  
var rec = new Array(1); 
 	rec[0]  = t; 
 	rec[1] = l; 
 	return rec 
}  

</script>
<BODY>
<table>
<tr>
<td height="29" colspan="2" align="left" class="STYLE1">
<span class="STYLE5"><a href="javascript:void(0)" onmouseover="over(this,td0)" onmouseout="timer=setTimeout('out(td0)',0)">健康教育的重要性（详解)</a></span>
</td>
</tr>
<tr>
<div id="td0" align=left class="STYLE4" onmouseover="clearTimeout(timer);this.style.display='block'" onmouseout="out(this)" style=" font-size: 14px;background-color:#dee4eb; display:none; width:330px; position:absolute; padding:10px;">  
1、因为您对患者提供的合理教育可能有助于减少因处理不当而引起的被投诉的风险；<br/>
2、教育能够加强糖尿病并发症的预防和早期发现；<br/>
3、教育能够最大程度的提高患者的依从性，否则如果患者不能够遵守治疗的各个环节，您将很难评价您推荐的治疗方案是否有效。

    </div>
</tr>
</table>
</BODY>
</HTML>

liangjie5305579

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
鼠标移动显示层

转自csdn中一个朋友的回答答案[url]http://bbs.csdn.net/topics/310199485[/url]当鼠标移动，显示出层，离开，层隐藏，直接将以下代码另存为html即可查看效果[img]http://dl2.iteye.com/upload/attachment/0092/4731/a19f389b-ee35-31da-9ff8-457c99279184....
复制链接

扫一扫