您好！歡迎光臨北京歡迎你科技有限公司官網(wǎng)！
售前咨詢(xún)熱線：
400-8737-108 北京地區(qū)專(zhuān)線： 010-52886123 售后服務(wù)專(zhuān)線： 010-56035709 VIP專(zhuān)線：
15901551129（24小時(shí)）
您好！歡迎光臨北京歡迎你科技有限公司官網(wǎng)！
售前咨詢(xún)熱線： 400-8737-108 北京地區(qū)專(zhuān)線： 010-52886123 售后服務(wù)專(zhuān)線： 010-56035709 VIP專(zhuān)線： 15901551129（24小時(shí)）
您可以通過(guò)以下新聞與公司動(dòng)態(tài)進(jìn)一步了解我們。我們所簽約的客戶(hù),無(wú)論他們的項(xiàng)目是大或者小，我們都將提供好的服務(wù)。
網(wǎng)站建設(shè)知識(shí)之實(shí)現(xiàn)鼠標(biāo)移開(kāi)圖片變暗,方法一利用css樣式：
樣式代碼：
div{
float: left;
width: 180px;
height: 180px;
margin: 0auto;
background: url(xinyisheji.jpg) centercenterno-repeat;
z-index: 1;
}
a{
filter: alpha(opacity=80);
opacity: 0.8;
width: 180px;
height: 180px;
display: block;
background: #333;
z-index: 100;
}
a:hover{
filter: alpha(opacity=0);
opacity: 0;
}
網(wǎng)頁(yè)調(diào)�。�
<div><a href="#"></a></div>
方法二：js效果
Js代碼：
網(wǎng)頁(yè)調(diào)�。�
<img id="imgInfo" src=" http://www.xinyisheji.net/" style="filter: alpha
(opacity=90);" onmouseover="opacity_change(0)" onmouseout="opacity_change
(1)"/>
兩種方式都各有優(yōu)缺，我們只測(cè)試了幾個(gè)瀏覽器，大家可以多測(cè)試幾個(gè)瀏覽器的兼容。
獲得《網(wǎng)站建設(shè)策劃方案》及報(bào)價(jià)詳情。多一份參考，總有益處！
友情鏈接 :
Copyright @ 2011-2022 北京歡迎你科技有限公司 京ICP備11011491號(hào)-1
本站設(shè)計(jì)已受版權(quán)保護(hù),任何公司及個(gè)人不得復(fù)制,違者將依法追究責(zé)任,特此聲明。
投訴電話 
北京總部 西安聯(lián)絡(luò)處 大慶聯(lián)絡(luò)處
|
|
 |
關(guān)于我們
