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中如何设置左浮动和右浮动?
  • 热门搜索
    澳大利亚旅游费用 邵家楼旅游攻略 嘉定旅游景点 百度旅游地图 广东梅州旅游 福州旅游景点介绍 黄山周边旅游攻略 绵阳有哪些旅游景点 武当山旅游景点 星辉旅游