手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

js如何实现鼠标点击更换图片

时间:2024-10-14 15:18:20

1、新建html文件,引入图片,为图片设置id

js如何实现鼠标点击更换图片

2、效果如图

js如何实现鼠标点击更换图片

3、创建js脚本,新建函数鼠标点击效果,引入图片

js如何实现鼠标点击更换图片

4、新建函数鼠标离开效果,引入图片

js如何实现鼠标点击更换图片

5、为img添加鼠标点击和鼠标离开事件

js如何实现鼠标点击更换图片

6、预览效果如图,鼠标点击时,图片发生改变

js如何实现鼠标点击更换图片

7、鼠标离开时,图片发生改变

js如何实现鼠标点击更换图片
© 手抄报圈