js如何实现鼠标点击更换图片
js如何实现鼠标点击更换图片
操作方法
- 01
新建html文件,引入图片,为图片设置id
- 02
效果如图
- 03
创建js脚本,新建函数鼠标点击效果,引入图片
- 04
新建函数鼠标离开效果,引入图片
- 05
为img添加鼠标点击和鼠标离开事件
- 06
预览效果如图,鼠标点击时,图片发生改变
- 07
鼠标离开时,图片发生改变
赞 (0)
js如何实现鼠标点击更换图片
新建html文件,引入图片,为图片设置id
效果如图
创建js脚本,新建函数鼠标点击效果,引入图片
新建函数鼠标离开效果,引入图片
为img添加鼠标点击和鼠标离开事件
预览效果如图,鼠标点击时,图片发生改变
鼠标离开时,图片发生改变