比如先创建一个样式
.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>
html5:用于绘画的 canvas 元素
用于媒介回放的 video 和 audio 元素
对本地离线存储的更好的支持
新的特殊内容元素，比如 article、footer、header、nav、section
新的表单控件，比如 calendar、date、time、email、url、search
css3:
1. CSS3实现圆角（border-radius），阴影（box-shadow），
2.对文字加特效（text-shadow、），线性渐变（gradient），旋转（transform）
3.transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg)// 旋转,缩放,定位,倾斜
4.增加了更多的CSS选择器 多背景 rgba
5.在CSS3中唯一引入的伪元素是 ::selection.
6.媒体查询，多栏布局
7.border-image
就是隐藏display:none
当前显示的设置为display:block
一般使用脚本实现
比如你要隐藏的元素为<div id="info1"></div>
要显示的元素为<div id="info2"></div>
假设使用jquery控制
代码为以下两句：
$("#info1").hide()
$("#info2").show()
