js:
写两个函数：mouseenter，mouseleave，例如：其中
css：a元素和b元素需要满足一定的关系，即b是a的直接子元素：如下html元素，div header_login_name_change 是a元素，ul header_login_menu是b元素。
在a元素上写hover，后面是b元素
另外，如果元素b宽度需要满屏，而其中的元素又有距离左边距离等，则b 样式如下：需要设置width: 100%, position:absolute.
通过b下面的div来为其中的元素定位，该div也就是例子中的c，设置居中：
元素a样式：.b {
这样c中的元素可以相对c来定位，无论电脑屏幕有多宽，都不会变形。
html代码：
对应的css：
ps:css实现鼠标悬停时滑出层提示的方法
本文实例讲述了css实现鼠标悬停时滑出层提示的方法。分享给大家供大家参考。具体分析如下：
这是一个简单的鼠标悬停提示特效，类似于alt标签，不过这一种是用纯CSS实现，扩展性好，而且在提示的层里可以加入图片或其它布局，这个要根据你的需要了。
代码如下:
下载本文