html中图片透明度渐变效果,三种用CSS滤镜实现的图片透明度及渐变效果

新的一页

.15pt{font-size:15pt;color:#de3076}

.30pt{font-size:30pt;color:#33cc99;font-family:创艺繁琥珀}

var explain=new Array(

"原图
正常图片",

"效果一
style='FILTER: alpha(opacity=50)'",

"效果二
style='FILTER: alpha(opacity=0,finishopacity=100,style=1,startx=0,starty=5,finishx=250,finishy=85)'",

"效果三
style='FILTER: alpha(opacity=0,finishopacity=80,style=1,startx=0,starty=5,finishx=250,finishy=85)'"

)

var p_w_picpaths=new Array(

"",

"",

"",

""

)

var clicknumber=1

function ClickToEvent()

{

exp_text.innerHTML=explain[clicknumber]

dialyzer.innerHTML=p_w_picpaths[clicknumber]

clicknumber=(clicknumber+=1)%4

}

document.οnclick=ClickToEvent

单击鼠标左键,观察ALPHA滤镜效果。

正常图片