写了个样例:

<a href="#"><img src="http://csdnimg.cn/pubfooter/images/gongshang_logos.gif" border="0" onMouseOver="this.src='v=07491728.gif" style="color:rgb(0,0,238);font-family:Consolas, 'Lucida Console', monospace;white-space:pre-wrap;">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="data: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\';">





实现效果


初始状态：




鼠标滑动上：




鼠标移开：



												


											
css滑动鼠标到img后，切换图片的更多相关文章
	

    
								
  1. 【jQuery】鼠标接触按钮后改变图片
		
    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"% ...
    
		
    2. 
						
  2. Jquery的动态切换图片
		
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
    
		
    3. 
						
  3. 鼠标悬停，使用css切换图片
		
    鼠标悬停,使用css切换图片 当鼠标悬停在li上面切换另一张图片,只需添加下述css样式即可
    
		
    4. 
						
  4. 原生JS—实现图片循环切换及监测鼠标滚动切换图片
		
    今天我们主要讲讲如何使用原生JS实现图片的循环切换的方法以及如何检测鼠标滚动循环切换图片.多余的话我们就不多说了,我们一个一个开始讲吧. 1  原生JS实现图片循环切换 -- 方法一 在上栗子之前我们 ...
    
		
    5. 
						
  5. H5+CSS3实现手指滑动切换图片
		
    包含3个文件:html.slider-H5.js.jquery.js(自行下载).在html中可配置滑动参数.具体代码如下: HTML代码: <!DOCTYPE HTML> <htm ...
    
		
    6. 
						
  6. CSS鼠标点击式变化图片透明度
		
    今天分享前端代码主题:jequery控制css图片透明度 很多时候在网站图片处理上需要实现一些辅助效果,比如鼠标在图片上滑动时或点击时改变图片颜色(变灰或者其他),其实一个简单的办法就是改变图片css ...
    
		
    7. 
						
  7. 代码：　CSS3动画，简单示例（鼠标移上去后，背景图片旋转）
		
    <script type="text/javascript" src="http://cdn.bootcss.com/jquery/1.11.2/jquery.mi ...
    
		
    8. 
						
  8. 基于jQuery左右滑动切换图片代码
		
    分享一款基于jQuery左右滑动切换图片代码.这是一款基于jQuery实现的左右滑动切换焦点图代码.效果图如下: 在线预览   源码下载 实现的代码: <div class="v_ou ...
    
		
    9. 
						
  9. jQuery实现的鼠标滑过切换图片代码实例
		
    jQuery实现的鼠标滑过切换图片代码实例:有时候网页需要这样的简单效果,那就是当鼠标滑过默认图片的时候,能够实现图片的切换,可能在实际应用中,往往没有这么简单,不过大家可以自行扩展一下,下面简单介绍 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. BZOJ2690: 字符串游戏(平衡树动态维护Dfs序)
			
    Description 给定N个仅有a~z组成的字符串ai,每个字符串都有一个权值vi,有M次操作,操作分三种: Cv x v':把第x个字符串的权值修改为v' Cs x a':把第x个字符串修改成a ...
    
			
    2. 
						
  2. 推荐学习《算法之美：指导工作与生活的算法》中文PDF+英文PDF
			
    我们所有人的生活都受到有限空间和有限时间的限制,因此常常面临一系列难以抉择的问题.在一天或者一生的时光里,哪些事是我们应该做的,哪些是应该放弃的?我们对杂乱无序的容忍底线是什么?新的活动与熟悉并喜爱的 ...
    
			
    3. 
						
  3. 【 正确使用vim编辑器的姿势】
			
    vi:可视化接口(Visual Interface) vim:是vi的增强版(vi iMprove) vi编辑器是所有Unix及Linux系统下标准的编辑器,他就相当于windows系统中的记事本一样 ...
    
			
    4. 
						
  4. CentOS下安装jdk1.8.0_181
			
    我安装的为 jdk1.8.0_181 1.检查是否存在open jdk,不存在直接跳到第 5 步 java -version 查看当前系统自带的open jdk版本信息 2.查看包含java字符串的文 ...
    
			
    5. 
						
  5. JavaScript-原型&原型链&原型继承
			
    JavaScript-原型&原型链&原型继承 JavaScript的原型是一个重要的知识点,很多扩展应用都是从原型出发的.要说原型,我们先简单说一下函数创建过程.上一篇文章用闭包实现类 ...
    
			
    6. 
						
  6. CSUOJ 1644  超能陆战队
			
    1644: 超能陆战队 Time Limit: 1 Sec  Memory Limit: 256 MBSubmit: 6  Solved: 1[Submit][Status][Web Board] D ...
    
			
    7. 
						
  7. 洛谷 P2614 计算器弹琴
			
    P2614 计算器弹琴 题目描述 总所周知,计算器可以拿来干很多它本不应该干的事情,比如写作文.(参看洛谷P2549) 小A发现了一个计算器的另一个隐藏功能——弹琴. http://www.bilib ...
    
			
    8. 
						
  8. android Manifest.xml选项
			
    结构 继承关系 public final class Manifest extends Object java.lang.Object android.Manifest 内部类 class  Mani ...
    
			
    9. 
						
  9. java8新增特性（一）---Lambda表达式
			
    Lambda表达式也成为闭包,是java语言层次上的改变,Lambda同意把函数作为一个方法的參数(函数作为參数传递进方法中),或者把代码看成数据.函数式程序猿对这一概念非常熟悉. 在JVM平台上有非 ...
    
			
    10. 
						
  10. php 图片局部打马赛克
			
    php 图片局部打马赛克 原理: 对图片中选定区域的每一像素,添加若干宽度及高度,生成矩型.而每一像素的矩型重叠在一起.就形成了马赛克效果. 本例使用GD库的imagecolorat获取像素颜色,使用 ...
    
			
    11.