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

2025-05-28 06:51:54

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

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

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

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

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

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

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

JS怎样实现鼠标经过切换图片
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢