《晋江文栏特效代码》纳兰澈雪

53、§滑动篇§

　　一、字体变化
　　1.文字放大
　　请将鼠标放到这行文字上看效果
　　代码为：<font onMouseOver="this.size='5'" onMouseOut="this.size='3'">文字</font>
　　说明：数字“5”代码放大后的文字字号，“3”代表鼠标移走后恢复的文字字号，具体数值可以自己改变，放大缩小都可以。
　　

---

　　2.文字颜色变化
　　请将鼠标放到这行文字上看效果
　　代码为：<font color=#文字颜色代码 onMouseOver="this.color='#鼠标放上去后的颜色代码'" onMouseOut="this.color='#鼠标移开后的文字颜色代码'">文字</font>
　　

---

　　3.字体变化
　　请将鼠标放到这行文字上看效果
　　代码为：<font onMouseOver="this.face='鼠标放上去后的字体'" onMouseOut="this.size='鼠标移开后的字体'">文字</font>
　　

---

　　二、图片变化
　　1.图片放大
　　示例：
　　
　　代码为：<img src="图片地址" onMouseOver="this.style.width='300px'" onMouseOut="this.style.width='200px'">
　　说明：300即为鼠标移到图片上时图片的宽度，如果改成更小的数字，就可以达到缩小的效果。
　　

---

　　2.改变图片
　　示例：
　　
　　代码为：<img src="图片地址" onMouseOver="this.src='鼠标放上去时改变的图片地址'" onMouseOut="this.src='鼠标移开时的图片地址'">

---

作者有话要说：　　本章中的onMouseOver（鼠标滑过）可以改成onClick（鼠标点击）