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

ttx9n · 发表于 2014-8-18 09:52:27

这篇文章主要介绍了css实现的滑动鼠标到img后切换图片移开恢复默认,需要的朋友可以参考下写了个例子:

复制代码代码如下:
<a href="#"><img src="http://csdnimg.cn/pubfooter/images/gongshang_logos.gif" border="0" onMouseOver="this.src='http://www.baidu.com/img/baidu_jgylogo3.gif?v=07491728.gif'" onMouseOut="this.src='http://img.baidu.com/img/logo-zhidao.gif'" /></a>

在动态代码中的写法：

复制代码代码如下:
<img src="images/red'+i+'s.png" style="width:20px;height:29px;" onMouseOver="this.src=\'images/blue'+i+'s.png\'"; onMouseOut="this.src=\'images/red'+i+'s.png\';">

实现效果

初始状态：

鼠标滑动上：

鼠标移开：

xf9hlg1 · 发表于 2023-1-27 08:23:35

抽根烟，下来看看再说

额呵呵 · 发表于 2023-5-14 18:11:56

好东西可以可以可以可以

plvo189 · 发表于 2023-7-1 20:46:09

刷刷刷刷刷刷刷刷刷刷刷刷刷刷刷

回复用户1 · 发表于 2023-8-16 19:44:36

还有什么好东西没

ppwxcg · 发表于 2023-9-8 05:53:04

的谁vdvdsvdsvdsdsv

lba36h7g · 发表于 2023-10-11 04:45:31

这个源码还可以

溪谷玉贤 · 发表于 2024-3-18 00:26:59

了乐趣了去了去了去了去了

adm1n · 发表于 2024-3-21 06:05:11

这个源码还可以

JosephSA · 发表于 2024-4-7 01:57:17

逛逛看看瞧瞧

账号		自动登录	找回密码
密码			立即注册

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

相关帖子