[
收藏此章节]
[投诉]
文章收藏
§滑动篇§
一、字体变化 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(鼠标点击)