其實(shí)就是html里面的a標(biāo)簽的css屬性偽類，linkvisitedhoveractive通過(guò)css可以實(shí)現(xiàn)的；1打開(kāi)hbuilder，在空白的html文件上面設(shè)置一個(gè)div，給div一個(gè)class并命名為img2在css里設(shè)置img的類一定的寬和高，引入示例圖片，設(shè)置圖片為不重復(fù)并且給img的類設(shè)置“hover”偽類，設(shè)置偽類內(nèi)的透明度為063。

用hover偽類來(lái)做 做好是給圖片加以個(gè)標(biāo)簽，然后對(duì)標(biāo)簽設(shè)置hover 例如一個(gè)圖片 移上去的圖片叫hoverjpg 兩個(gè)圖片大小一樣 改寫(xiě)成 再在css中添加 example backgroundurl#39examplejpg#39 norepeat displayblock w；一 可以用同一張圖片， 通過(guò)濾鏡， 變成灰色或恢復(fù)彩色 代碼示例示例圖片為testjpg viewcolor viewgrayfiltergrayenable 二 用不同的圖片， 當(dāng)鼠標(biāo)移上或移開(kāi)時(shí)， 切換不同圖片， 這種方式更靈活。

鼠標(biāo)經(jīng)過(guò)改變背景圖片透明度

1、把下面的代碼另存為html，做兩張圖，一張帶陰影的1jpg，一張不帶2jpg放到同目錄下即可 function change documentgetElementByIdquotimg1quotsrc = documentgetElementByIdquotimg1quotsrc == quot2jpgquot 。

2、alpha 就是圖片透明度，微軟IE 支持一個(gè)叫filter 的CSS屬性，通過(guò)filterAlpha可以設(shè)置對(duì)象的透明度不過(guò)注意這東西只有IE 才支持，換個(gè)瀏覽器比如Firefox 這個(gè)alpha 就不起作用正確的做法是為這個(gè)DOM 對(duì)象定義兩個(gè)C。

3、插入多個(gè)層，一個(gè)層一張圖片，選中層對(duì)齊設(shè)置就行，可以用代碼，也可以直接在下方設(shè)置。

4、用CSS代碼寫(xiě) 加個(gè)自定義模塊上來(lái)，把寫(xiě)好的代碼加上去就行了 這個(gè)我很會(huì)的哦，可以幫得到你。

5、如圖 所有代碼 ！DOCTYPE html html head meta charset=#34UTF8#34 title鼠標(biāo)滑過(guò)背景變色title style type=#34textcss#34 bg width 150px height 150px backgroundcolor red bg。

網(wǎng)頁(yè)設(shè)計(jì)鼠標(biāo)經(jīng)過(guò)圖片,圖片變灰色

body fontfamilyquot宋體quot， quot微軟雅黑quot， quotArial Narrowquot fontsize12px lineheight22px pin marginleft500px floatleft pin box width 236px marginp5px padding8px float。

你這種效果純CSS是搞不出來(lái)的，我這有個(gè)類似的，你看看行不行 div float left width 180px height 180px margin 0 auto background urlZombatar_1jpg center center norepeat z。

回答試試用a和ahover來(lái)寫(xiě)，不用js也可以做到。

2點(diǎn)擊工具面板中CSS模式下的“+”，打開(kāi)新建CSS樣式面板 3選擇“復(fù)合內(nèi)容”，選擇alink，表示正常鏈接時(shí)的樣式4點(diǎn)擊確定，打開(kāi)樣式設(shè)置面板，選擇Color#333，或別的你要的著色，確定5下面設(shè)置鼠標(biāo)經(jīng)過(guò)的文字。

232px3然后將以下圖像添加到正文中，代碼為 4查看實(shí)時(shí)視圖中的最終效果5，另外，你可以改變一些參數(shù)來(lái)實(shí)現(xiàn)不同的效果，可以改變背景顏色6最后，看看改變顏色的效果。

你好，鼠標(biāo)滑過(guò)圖片，圖片產(chǎn)生淡入淡出的效果，這個(gè)可以用jquery來(lái)實(shí)現(xiàn)具體寫(xiě)法是quotbntquotmouseoverfunction $quotimgquotfadeOut300，function $quotimgquotfadeIn300 這個(gè)效果涉及到fadeOut。

使用jquery的toggle方法進(jìn)行圖片切換function quot#h1quottogglefunction quot#h1quotcssquotbackgroundimagequot，quot路徑#3901b54e6jpg#39quot，function quot#h1quotcssquotbackgroundimagequot，quot路徑。

Flash可以作出這種效果的 在圖片上點(diǎn)鼠標(biāo)右鍵選擇轉(zhuǎn)為按鈕元件按鈕元件，然后在對(duì)元件進(jìn)行編輯，共有四個(gè)幀，其中就有鼠標(biāo)經(jīng)過(guò)時(shí)的幀位置，在此設(shè)置圖片的亮度高些，在第一幀設(shè)置亮度小一些就可以了，其他的不用設(shè)置。