display:none
当前显示的设置为display:block
一般使用脚本实现
比如你要隐藏的元素为<div id="info1"></div>
要显示的元素为<div id="info2"></div>
假设使用jquery控制
代码为以下两句：
$("#info1").hide()
$("#info2").show()
先模仿再创新；
这是作为一个网页前后台从事多年的菜鸟经验，这类特效复杂，对于css、js、HTML综合应用能力强的人练习非常有用，有些特效在实际的网页应用中并没有实际的应用。
然后如果这类特效你都能很好的自己模仿出来，那么自然就有思路了。
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>
