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如何实现鼠标点击更换图片
  • js实现鼠标指向图片时改变图片
  • css+div制作圆角矩形的四种方法
  • html中的表格如何让可以拖动
  • 如何使用HTML5中的aside元素定义侧边栏并展示
  • js控制div背景图片随机变换效果
  • 热门搜索
    三爱三节手抄报图片 庆五一手抄报 建队日手抄报 运动会手抄报资料 珍惜水资源手抄报 关于法治的手抄报 法律伴我行手抄报 平安校园手抄报图片 爱眼手抄报 以环保为主题的手抄报