JS怎样实现鼠标经过切换图片

 时间:2024-10-12 23:21:14

1、准备切换图片素材,一般是两张,如图,小编我放入img文件夹,跟HTML同级哦。

JS怎样实现鼠标经过切换图片

3、如图,现在是静态的,鼠标放上去也不会产生切换反应,因为没有用JS。

JS怎样实现鼠标经过切换图片

5、然后设定经过事件,切换成另一张图片,这样就产生鼠标经过切换图片的效果了。

JS怎样实现鼠标经过切换图片

7、如图,现在我的鼠标在图片上,就变成two picture了。(由于不是GIF,所以要自己试下看切换效果哦。)

JS怎样实现鼠标经过切换图片
  • HTML中引入css和js的方法
  • html页面单选框怎么实现
  • html如何把两个网页连接起来
  • 实现整个html居中最简单方法
  • 在css中如何设置左浮动和右浮动?
  • 热门搜索
    中国太平保险怎么样 绿檀手串怎么盘 忘记qq密码怎么办 怎么申请微信公众号 迁户口申请书怎么写 会议记录怎么写 苹果6怎么下载微信 过敏体质怎么改善 股票成交量怎么看 透真护肤品怎么样