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

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

工具/原料

Dreamweaver

方法/步骤

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

2、效果如图

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

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

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

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

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