歡迎訪(fǎng)問(wèn)世紀網(wǎng)絡(luò )官網(wǎng)，寶雞網(wǎng)站建設SEO優(yōu)化已累計服務(wù)超過(guò)900家企業(yè)！　　　　　咨詢(xún)熱線(xiàn)：13619273150

15年網(wǎng)站建設優(yōu)化經(jīng)驗，900家客戶(hù)的選擇，值得信賴(lài)！


鼠標放上去圖片變色

作者：佚名      發(fā)布時(shí)間：2011-08-12      瀏覽：4168次

62.9K


有時(shí)我們需要一種效果，那就是鼠標移動(dòng)上去，圖片變了顏色，移動(dòng)出來(lái)之后，圖片又恢復到原來(lái)的樣子。事實(shí)上，可以通過(guò)改變圖片的透明度來(lái)達到這樣的效果（對白色圖片無(wú)效）。利用的JS事件是onmouseover和onmouseout。

第一種變色方法

" style="filter:alpha(opacity=100)" onmouseover="makevisible(this,0)" onmouseout="makevisible(this,1)">

第二種方法:

" width="109" height="73" border="0" class="opacity2" onmouseover="this.className=’opacity1’"
onmouseout="this.className=’opacity2’">

上面是兩種鼠標移動(dòng)上去圖片變色方法，不好的是，不支持火狐。



0