html文件:
<li class="lead_btn">
<a href="#" target="_blank">
<img class="lazyload" src="images/spacer0.png" />
</a>
</li>
css文件:
.lead_btn img{
width: 66px;
height: 50px;
}
.lead_btn .img_hover{
filter:alpha(opacity=50); /*IE滤镜,透明度50%*/
-moz-opacity:0.5; /*Firefox私有,透明度50%*/
opacity:0.5;/*其他,透明度50%*/
}
js文件:
$(function(){
$(".lead_btn .lazyload").hover(function(){
$(this).addClass("img_hover")
},function(){
$(this).removeClass("img_hover")
});
})
通过以上css样式,以及js调用便可以实现图片或背景或div的透明~~~
本文介绍了一种使用HTML、CSS及JavaScript实现图片透明效果的方法。通过简单的代码示例展示了如何为网页中的图片添加鼠标悬停时的透明度变化效果。

3976

被折叠的 条评论
为什么被折叠?



