网页制作 
首页 > 网页制作 > 浏览文章

css实现的滑动鼠标到img后切换图片移开恢复默认

(编辑:jimmy 日期: 2024/11/18 浏览:3 次 )
写了个例子: 

复制代码代码如下:
<a href="#"><img src="/UploadFiles/2021-03-30/gongshang_logos.gif">

在动态代码中的写法: 

复制代码代码如下:
<img src="/UploadFiles/2021-03-30/red'+i+'s.png">
实现效果

初始状态:
css实现的滑动鼠标到img后切换图片移开恢复默认 
鼠标滑动上:
css实现的滑动鼠标到img后切换图片移开恢复默认 
鼠标移开:
css实现的滑动鼠标到img后切换图片移开恢复默认
上一篇:有关opacity或RGBA设置颜色值及元素的透明值
下一篇:div里的图片距离div下边框多3个像素的解决方法