1、用img的alt屬性，例如ltimg src=quotpathquotalt=quot這是一張圖quot這樣寫的話，你把鼠標移動到圖片上時，alt里的字就會顯示出來，如果你的src無效，alt里的字將取代圖片直接出現(xiàn)。

2、3 鼠標懸浮特效現(xiàn)在靜態(tài)效果已經(jīng)完成了，接下來，加一下鼠標懸浮出現(xiàn)文本的效果，現(xiàn)在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，來實現(xiàn)如下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 這樣當鼠標懸停在圖片上面就會浮現(xiàn)alt=的內容，也就是logo。

11、1首先輸入lt！DOCTYPE html lthtml lthead ltmeta charset=quotutf8quot lttitle鼠標懸停圖片上顯示文字 在線演示 title ltstyle imgborder0* css 注釋說明設置圖片邊框為0 * body。

12、title用于設置鼠標懸停時圖像的提示文字根據(jù)查詢相關公開信息，得知用于設置鼠標懸停時圖像的提示文字的屬性是title屬性是當鼠標停止時，會出現(xiàn)提示文字的設置。

13、鼠標滑過字體變色是一種常見的效果，制作鼠標滑過字體變色，可以通過css提供了鼠標滑過hover選擇器對樣式進行修改操作步驟如下1首先打開html開發(fā)工具，創(chuàng)建一個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事件，主要是當鼠標移動到圖像容器上時顯示蒙版層，當鼠標移出時隱藏蒙版層。