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中如何设置左浮动和右浮动?
  • 热门搜索
    福州旅游景点排行 中原旅游 丽江旅游花费 沈阳旅游网 中国互助旅游网 南京免费旅游景点 埃及金字塔旅游 旅游观光礼仪 阿联酋旅游价格 广州到三亚旅游团