1、用img的alt属性，例如ltimg src=quotpathquotalt=quot这是一张图quot这样写的话，你把鼠标移动到图片上时，alt里的字就会显示出来，如果你的src无效，alt里的字将取代图片直接出现。

2、3 鼠标悬浮特效现在静态效果已经完成了，接下来，加一下鼠标悬浮出现文本的效果，现在imgtip添加如下代码，让文本默认隐藏再加上鼠标悬停在图片上，显示文本的代码代码总汇HTML ltdiv class=quotimggroupquot ltimg src。

3、1首先看看HTML一个img图像控件和一个带掩码样式的div，其中包含文本这是蒙版层2然后，查看样式定义首先，查看图像容器和图像的样式，如图所示这主要是准备我们的绝对定位口罩3看看蒙版层的样式定义代码如图。

4、height100pxwidth100pxbackgroundcolor aqua ltdiv title=quot我是鼠标悬停展示的内容quot文字内容文字内容ltdiv 2方法二，利用css的伪类hover，以及显示隐藏属性display，来实现如下continer height100pxwidt。

5、css里面，可以把文字显示属性设置为block，然后在鼠标hover时把visiability属性设置为可见，鼠标out时设置visiability设置为不可见就可以了。

6、lthead ltbody ltdiv title=quot我是鼠标悬停文字quot我是一个DIVltdiv ltbody lthtml 2代码图片显示3CSS样式图片显示悬停文字的问题 ， 不用加CSS 给它加个title属性就可以了 ， 浏览器会默认有。

7、鼠标的移入移出事件，可以参考下手册，思路就是 1， 你给每个图片都有一个特殊的id标示，然后隐藏的div就是文字显示的id可以为quotimg_quot+图片的id 2 移入时 隐藏id图片 显示quotimg_quot+图片的id的div文字 3移出时 就。

8、方法一鼠标移至图片上显示遮罩层及文字 1先看下html，一个img图片控件，和一个有mask样式的div，里面有文字，这个就是遮罩层2然后看下样式定义，先看下图片容器和图片的样式，如图，其中要注意的是img_container。

9、lt！doctype htmllthtmlltheadltmeta charset=quotutf8quotlttitle无标题文档lttitleltheadltbodyltstyleul，liliststylemargin0padding0liwidth287pxheight287pxpositionrelativeli adisplay。

10、ltIMG id=logo alt=logo src=quotimageslogopngquot 这样当鼠标悬停在图片上面就会浮现alt=的内容，也就是logo。

11、1首先输入lt！DOCTYPE html lthtml lthead ltmeta charset=quotutf8quot lttitle鼠标悬停图片上显示文字 在线演示 title ltstyle imgborder0* css 注释说明设置图片边框为0 * body。

12、title用于设置鼠标悬停时图像的提示文字根据查询相关公开信息，得知用于设置鼠标悬停时图像的提示文字的属性是title属性是当鼠标停止时，会出现提示文字的设置。

13、鼠标滑过字体变色是一种常见的效果，制作鼠标滑过字体变色，可以通过css提供了鼠标滑过hover选择器对样式进行修改操作步骤如下1首先打开html开发工具，创建一个html文件2在html页面找到ltbody标签，在ltbody标签里面。

14、很简单啊，加上ALT属性或者在lta中加上title属性都可以，如下代码lta href=quot1htmlquot title=quotxFD0280A机芯模块quotltimg height=quot134quot src=quotcpimagesLCD机芯系列xFD0280A机芯模块jpgquot width=quot136quot border=。

15、4然后添加用于鼠标移动的脚本代码来显示蒙版层这段js代码是用jquery编写的，既方便又简单，所以我们首先介绍jquery脚本库5添加mouseover和mouseout事件，主要是当鼠标移动到图像容器上时显示蒙版层，当鼠标移出时隐藏蒙版层。