使用CSS替代JS实现几种常见的特效

html-css027

使用CSS替代JS实现几种常见的特效,第1张

可以代替JavaScript的css特效有很多，比如说通过伪类:hover、:actived等实现触发效果，动画效果可以用animation属性，对图像处理可以transform、filter等

1,2要靠浏览器支持的,关健是CSS中的filter

比如先创建一个样式

.style1 {Wave(Add=?, Freq=?, LightStrength=?, Phase=?, Strength=?)}

?自己填

然后<img src="" onmouseover="this.className='style1'" />

其它的一些虑镜的详细解释

http://www.webjx.com/htmldata/2005-05-04/1115138896.html

关于第3个

代码

<div imgvalue="<img src=123/>" textvalue="文字" onmouseover="this.innerHTML=this.imgvalue" onclick="this.innerHTML=this.textvalue" >文字</div>