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

2、3 鼠標(biāo)懸浮特效現(xiàn)在靜態(tài)效果已經(jīng)完成了，接下來，加一下鼠標(biāo)懸浮出現(xiàn)文本的效果，現(xiàn)在imgtip添加如下代碼，讓文本默認(rèn)隱藏再加上鼠標(biāo)懸停在圖片上，顯示文本的代碼代碼總匯HTML ltdiv class=quotimggroupquot ltimg src。

3、1首先看看HTML一個(gè)img圖像控件和一個(gè)帶掩碼樣式的div，其中包含文本這是蒙版層2然后，查看樣式定義首先，查看圖像容器和圖像的樣式，如圖所示這主要是準(zhǔn)備我們的絕對(duì)定位口罩3看看蒙版層的樣式定義代碼如圖。

4、height100pxwidth100pxbackgroundcolor aqua ltdiv title=quot我是鼠標(biāo)懸停展示的內(nèi)容quot文字內(nèi)容文字內(nèi)容ltdiv 2方法二，利用css的偽類hover，以及顯示隱藏屬性display，來實(shí)現(xiàn)如下continer height100pxwidt。

5、css里面，可以把文字顯示屬性設(shè)置為block，然后在鼠標(biāo)hover時(shí)把visiability屬性設(shè)置為可見，鼠標(biāo)out時(shí)設(shè)置visiability設(shè)置為不可見就可以了。

6、lthead ltbody ltdiv title=quot我是鼠標(biāo)懸停文字quot我是一個(gè)DIVltdiv ltbody lthtml 2代碼圖片顯示3CSS樣式圖片顯示懸停文字的問題 ， 不用加CSS 給它加個(gè)title屬性就可以了 ， 瀏覽器會(huì)默認(rèn)有。

7、鼠標(biāo)的移入移出事件，可以參考下手冊(cè)，思路就是 1， 你給每個(gè)圖片都有一個(gè)特殊的id標(biāo)示，然后隱藏的div就是文字顯示的id可以為quotimg_quot+圖片的id 2 移入時(shí) 隱藏id圖片 顯示quotimg_quot+圖片的id的div文字 3移出時(shí) 就。

8、方法一鼠標(biāo)移至圖片上顯示遮罩層及文字 1先看下html，一個(gè)img圖片控件，和一個(gè)有mask樣式的div，里面有文字，這個(gè)就是遮罩層2然后看下樣式定義，先看下圖片容器和圖片的樣式，如圖，其中要注意的是img_container。

9、lt！doctype htmllthtmlltheadltmeta charset=quotutf8quotlttitle無標(biāo)題文檔lttitleltheadltbodyltstyleul，liliststylemargin0padding0liwidth287pxheight287pxpositionrelativeli adisplay。

10、ltIMG id=logo alt=logo src=quotimageslogopngquot 這樣當(dāng)鼠標(biāo)懸停在圖片上面就會(huì)浮現(xiàn)alt=的內(nèi)容，也就是logo。

11、1首先輸入lt！DOCTYPE html lthtml lthead ltmeta charset=quotutf8quot lttitle鼠標(biāo)懸停圖片上顯示文字 在線演示 title ltstyle imgborder0* css 注釋說明設(shè)置圖片邊框?yàn)? * body。

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

13、鼠標(biāo)滑過字體變色是一種常見的效果，制作鼠標(biāo)滑過字體變色，可以通過css提供了鼠標(biāo)滑過hover選擇器對(duì)樣式進(jìn)行修改操作步驟如下1首先打開html開發(fā)工具，創(chuàng)建一個(gè)html文件2在html頁面找到ltbody標(biāo)簽，在ltbody標(biāo)簽里面。

14、很簡(jiǎn)單啊，加上ALT屬性或者在lta中加上title屬性都可以，如下代碼lta href=quot1htmlquot title=quotxFD0280A機(jī)芯模塊quotltimg height=quot134quot src=quotcpimagesLCD機(jī)芯系列xFD0280A機(jī)芯模塊jpgquot width=quot136quot border=。

15、4然后添加用于鼠標(biāo)移動(dòng)的腳本代碼來顯示蒙版層這段js代碼是用jquery編寫的，既方便又簡(jiǎn)單，所以我們首先介紹jquery腳本庫(kù)5添加mouseover和mouseout事件，主要是當(dāng)鼠標(biāo)移動(dòng)到圖像容器上時(shí)顯示蒙版層，當(dāng)鼠標(biāo)移出時(shí)隱藏蒙版層。