9999热视频三级毛片AV区|日韩欧美精品狼友观看视频|av在线成人免费AA片|日韩三级AV电影|久久亚洲私人国产精品vA|亚洲无码卡一卡二卡三|手机在线免费看黄色片|婷婷尹人在线婷婷五月手机网|99爱在线播放|欧美成人色情视频品

完成簡單的透明度控制功能

使用filter的功能對圖片元素進行透明度控制。

支持IE8，Chrome瀏覽器。

代碼如下:

<style type='text/css'>

/*透明20%*/

.opacity-20 {

filter:alpha(opacity=20); /*支持IE瀏覽器的filter*/

-webkit-filter:opacity(0.2); /*支持chrome瀏覽器filter*/

}

/*不透明*/

.opacity-100 {

filter:alpha(opacity=100);

-webkit-filter:opacity(1);

}

</style>

<script language="javascript">

function makevisible(cur,which){

//交替設置不帶透明度和帶透明度的css

//完成鼠標移進圖片則不透明顯示，鼠標移出則帶透明度顯示

if (which==0) {

cur.className = 'opacity-100';

}else{

cur.className = 'opacity-20';

}

}

</script>

<img src="final.bmp" border=1 onMouseOver="makevisible(this,0)" onMouseOut="makevisible(this,1)" alt="">

以上就是本文的全部內容了，代碼很簡潔，實現的效果卻非常好，希望對大家能所幫助。

更多信息請查看IT技術專欄