javaScript实现鼠标在文字上悬浮时弹出悬浮层效果

在人人，CSDN等一些网站，当鼠标在某个东西上悬浮时，会弹出一个悬浮层，鼠标移开悬浮层消失。

比如说CSDN的通知（应该是进入写新文章的页面后页面上方的那个铃铛），具体是什么实现的呢？上代码：

 
 
 
  
 
 
 body{ 
 position: relative; 
 } 
 #inform{ 
 position: absolute; 
 top: 20px; 
 width: 350px; 
 max-height: 250px;  
 z-index: 10; 
 background-color: #E0E5E5; 
 overflow: auto;  
 box-shadow:0px 0px 10px #000;  
 display: none;  
 } 
 #informTable{ 
 table-layout:fixed;  
 width: 325px; 
 } 
 
 #informTable tr td{ 
 width: 325px; 
 height:30px; 
 font-size: 16px; 
 font-family: Georgia; 
 color: #555555; 
 word-wrap:break-word;  
 padding: 0 0 0 0; 
 } 
 #informTable tr td:hover{ 
 background-color: #D9D9D9; 
 } 
 #inform hr{ 
 border:1; 
 width: 325px; 
 margin-bottom: 0px; 
 } 
 
 
 
 
  
 警告消息 
  
  
 
 
 
 
 
 
  编号5005车辆发车间隔异常 
  
 
 
 
 
 
 
 
 
 
  编号5005车辆发车间隔异常 
  
 
 
 
 
 
 
 
 
 
  编号5005车辆发车间隔异常 
  
 
 
 
 
 
 
 
 
 
  编号5005车辆发车间隔异常 
  
 
 
 
 
 
 
 
 
 
  编号5005车辆发车间隔异常 
  
 
 
 
 
 
 
 
 
 
  编号5005车辆发车间隔异常 
  
 
 
 
 
 
 
 
 
 
  编号5005车辆发车间隔异常 
  
 
 
 
 
 
 
 
 
 
  编号5005车辆发车间隔异常 
  
 
 
 
 
 
 
 
  
 
 

效果图如下：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。