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