您好!欢迎光临北京欢迎你科技(jì)有限公司官网(wǎng)!
售前咨询热(rè)线: 400-8737-108 北京地区专线: 010-52886123 售后服(fú)务专线: 010-56035709 VIP专线: 15901551129(24小时)
您可以通过以下新闻与公司动态进一(yī)步(bù)了解我们。我们所签约的客户,无论他们的项目是大或者(zhě)小(xiǎo),我们(men)都将提供好的服务。
网站建设知识(shí)之实现鼠标移开图片变暗,方法一(yī)利用(yòng)css样(yàng)式:
样式代码:
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)页调取:
<div><a href="#"></a></div>
方法二:js效果
Js代码:
网页(yè)调取:
<img id="imgInfo" src=" http://www.xinyisheji.net/" style="filter: alpha
(opacity=90);" onmouseover="opacity_change(0)" onmouseout="opacity_change
(1)"/>
两种方式(shì)都各有优缺,我们只测(cè)试了(le)几个浏览器,大家可以多测试几个浏览器的兼(jiān)容。