1用腳本js或jquery實(shí)現(xiàn)onmouseover的時(shí)候顯示播放按鈕層div，onmouseout的時(shí)候再隱藏播放按鈕層2用css實(shí)現(xiàn)hover 偽類在鼠標(biāo)移到元素上時(shí)向此元素添加特殊的樣式如下是我做的一個(gè)小案例css實(shí)現(xiàn)，比較簡單，提供一種思路源代碼見附件，僅供學(xué)習(xí)參考使用；onmousemove=function鼠標(biāo)經(jīng)過時(shí)執(zhí)行此函數(shù)=quotredquot當(dāng)前對象的背景變?yōu)榧t色objonmouseout=function鼠標(biāo)離開時(shí)執(zhí)行此函數(shù)=quotbluequot當(dāng)前對象的背景變?yōu)樗{(lán)色這是鼠標(biāo)懸停更改背景的，稍微改改就行了，幫你打好注釋了；1顯示圖片區(qū)域，并顯示圖片找不到的提示圖片及設(shè)置顯示文字的情況，使用其alt屬性，但注意，alt其實(shí)也是img標(biāo)簽的title，當(dāng)圖片正常顯示的時(shí)候，鼠標(biāo)懸停在圖片上依然會(huì)顯示其定義的文字，代碼如下 2直接替換，下面代碼用jquery代碼實(shí)現(xiàn)function imgErr var $img = $#39img#39 示例；1 通過編寫JavaScript或jQuery腳本，可以在鼠標(biāo)懸停onmouseover時(shí)顯示一個(gè)播放按鈕層div，而在鼠標(biāo)移開onmouseout時(shí)隱藏該按鈕層2 利用CSS的hover偽類，可以在鼠標(biāo)指針懸停在元素上時(shí)為該元素添加特定的樣式以下是一個(gè)簡單的CSS實(shí)現(xiàn)案例，它展示了如何在鼠標(biāo)懸停在圖片上時(shí)顯示播放圖標(biāo)```；最近發(fā)布編輯刪除熱門視頻編輯刪除最新動(dòng)態(tài)編輯刪除$function$quotliquothoverfunction $thisfind#39button#39show， function $thisfind#39button#39hide；例如如下代碼復(fù)制到到記事本保存為html的后綴名即可預(yù)覽lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotlthtml xmlns=quot懶人原生鼠標(biāo)懸停圖片文字動(dòng)畫效果* margin0 padding0 liststyleimg border0#lanrenzhijia heightauto width820pxmargin。

js 代碼#39li#39hoverfunction 你要顯示的層，div放到li里面默認(rèn)css屬性是隱藏 $thisfind#39div#39show，function 你要顯示的列表形式 $thiscss#39liststyletype#39#39decimal#39， #39display#39#39block#39find#39div#39hide不知道是不是這樣；在Medium編輯器中，我們注意到一個(gè)令人驚訝的UI效果實(shí)現(xiàn)，只需要寥寥幾十行代碼，就能輕松創(chuàng)建出popover其中，pointerevents這一特性發(fā)揮了關(guān)鍵作用首先，我們定義一個(gè)模板指令，專為圖片區(qū)域內(nèi)的懸停操作按鈕服務(wù)，并配置好popover的相關(guān)參數(shù)這個(gè)指令的目的是在用戶鼠標(biāo)懸停時(shí)，動(dòng)態(tài)顯示一個(gè)提示信息u；設(shè)置鼠標(biāo)懸停事件，如果離開就把B區(qū)域div屬性display設(shè)為，就隱藏了反之 就顯示。

回答cssquotcolorquot，quot#ff9501quot 這句中間是冒號，不是逗號 標(biāo)點(diǎn)錯(cuò)了，所以解析不出來，改為 cssquotcolorquotquot#ff9501quot。

id=quothidden_idquot value=quot存放全部內(nèi)容quot 肯定是保證 input id == li #39hidden_#39 + id #39#id#39mouseoverfunction var id = $thisattr#39id#39var hiddenId = #39hidden_#39 + idthisattr#39title#39，$#39##39+hiddenIdval鼠標(biāo)移出會(huì)自動(dòng)隱藏；這個(gè)用html和css里就可以做里面讓li的內(nèi)容為一個(gè)div，讓盒子絕對定位，屬性display，給這個(gè)li里的超鏈接加個(gè)偽類，屬性為displyblock，就可以實(shí)現(xiàn) juqery用到的知識一個(gè)鼠標(biāo)懸浮觸發(fā)事件，下拉列表的重點(diǎn)在絕對定位；你的問題呢在于你只寫了p標(biāo)簽的鼠標(biāo)懸停展示ul，更要命的是你寫了鼠標(biāo)離開ul隱藏ul。

onmouseover=function timer=setTimeout#39alertquotokquot#39，2000 onmouseout=functionclearTimeouttimer；使用jquery為表格綁定鼠標(biāo)懸停事件 *css樣式*hovercolorred$quottable_list trquothover $quottable_list trquot選擇table的class為table_list下的tr綁定事件 function $thisaddClassquothoverquot 鼠標(biāo)懸停時(shí)，改變li的class樣式 ， function。