JS控制CSS滤镜代码

JavaScript013

JS控制CSS滤镜代码,第1张

<IMG id="myimg" style="FILTER:Alpha(Opacity='0')" height="200" src="你的图片路径" width="200"><input type="button" value="测试" onclick="test()">

<script>

<!--

var op=0

function test(){

if(op<=100){

document.getElementById("myimg").filters.alpha.opacity=op

op+=10//这个数值你可以自己设.就是每次不透明度增加量

setTimeout(test,100)//这个时间你可以自己改.以毫秒为单位的.数字越小越快

}

}

//-->

</script>

不明白你的问题。

首先,“滤镜”这个概念是IE中独有的;

其次,“滤镜”这个东西是CSS里面独有的;但通过JS可以动态控制CSS样式。

因此,你要的“滤镜”效果到底是个啥效果?

边框目前可以实现的有边框颜色、边框样式(如实线、虚线等)、边框粗细。

一些支持CSS3的新浏览器中,还可以实现投影、圆角、渐变和边框图片,这些东西都是由CSS来实现的,也可以通过JS来控制,如果你需要的效果包含其中,那么可以实现;如果没有包含其中,那么能否实现就得看你具体需求了,CSS实现不了的东西,或许有其它方案可以做到。