利用JS实现图片切换

事件举例:
1.要求实现效果:当鼠标悬停在照片上时更换为另一张照片;当鼠标离开时,还原为本来的图片。
说明:
1.一般来说对于一个事件问题处理起来分为三个步骤:
(1)获取事件
(2)绑定事件
(3)书写事件驱动程序
代码如下





实战







效果图如下(因为我不会上传动态效果所以想要看真正效果的可以自己试试):
此图为鼠标离开时的图片
利用JS实现图片切换_第1张图片
此图为鼠标移入时的图片
利用JS实现图片切换_第2张图片
2.当点击按钮时会实现图片的切换
说明:图片切换的实质就是改变图片(img)的src属性





实战




效果图如下(就随便截了两张,更多效果自己尝试一下):
利用JS实现图片切换_第3张图片
利用JS实现图片切换_第4张图片

你可能感兴趣的:(JavaScript)