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='鼠标移开时的图片地址'">
作者有话说
第53章 §滑动篇§
