写了个样例:

<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. unbound和mail服务的部署和简单应用
			
    1.服务的介绍 Unbound是一个缓存DNS解析器.unbound官网 它使用根区域的内置权威名称服务器列表 (.),所谓的根提示.在收到DNS查询时,它会询问 答案的根名称服务器,几乎在所有情况下 ...
    
			
    2. 
						
  2. Swift学习笔记(15)--下标脚本（Subscripts）
			
    下标脚本可以定义在类(Class).结构体(structure)和枚举(enumeration)这些目标中,使用中类似数组或者字典的用法 1.定义 定义下标脚本使用subscript关键字,语法: s ...
    
			
    3. 
						
  3. struts.xml配置action没用，任意href自动跳到主页，在action中print没用?????
			
    今晚弄了好久都搞不清楚,晕死我了. 上网找也没找到解决办法. 然后看了Build Path.好吧,有几个没用的jar包,remove之.我去,马上正常了,具体原因未知. 总结:删除jar包不代表Bui ...
    
			
    4. 
						
  4. Floyd-Warshall 算法-- 最短路径（适合节点密集的图）
			
     由于此算法时间复杂度为O(V³).大多数情况下不如迪杰斯特拉算法的.迪杰斯特拉算法适合于节点疏散的图.  演示样例图例如以下:     Step 1 创建节点与边的最短路径结果表(直接可达关系).数 ...
    
			
    5. 
						
  5. 9.9递归和动态规划（六）——打印n对括号的所有有效组合（即左右括号正确配对）
			
    /**  * 功能:打印n对括号的所有有效组合(即左右括号正确配对). */ 两种方法: 方法一: /** * 思路:在括号的最前面或者原有的每对括号中面插入一对括号. 至于其它任何位置.比方字符串的 ...
    
			
    6. 
						
  6. vim-插入格式化时间
			
    最近一直在搞vimrc的配置.其中有一点就是,我想要实现代码快速注释的功能.而这个功能中的一个关键点就是,我要获得系统当前的时间,然后插入到我的注释里面.我知道vimrc支持shell命令,既使用:r ...
    
			
    7. 
						
  7. vim 帮助文档汉化
			
    我们在使用vim 的时候,经常会碰到一些陌生的命令,这时候我们可以通过 :help *** 来查询一些命令的使用方法.不过呢,我们安装的vim默认的都是英文的,看起来很费劲,尤其是向我这样英语比较差的 ...
    
			
    8. 
						
  8. CentOS7 NFS配置
			
    如果在安装Centos7时选择安装必要的开发工具选项,所以系统已经安好NFS必要的软件. 配置: # vi /etc/exports /home/qws/share 192.168.168.0/24  ...
    
			
    9. 
						
  9. Autodesk 招聘Revit二次开发咨询顾问，与Autodesk全球团队紧密合作，提高职业生涯的好机会
			
    朋友们, 因为我离开Autodesk的全职工作(变为部分时间工作),我的职位空出.急招这个职位.请踊跃把你周围的朋友推荐给Autodesk. 请将简历发给我转交给Autodesk 我的邮箱yexion ...
    
			
    10. 
						
  10. Maven和Ant的差别
			
    近期做的项目中一直是在使用maven.可是要知道最早出来的构建工具是Ant,如今Ant依旧有好多人再用.于是自己就抽出来时间.学习了一下Ant的主要的使用.这样也能跟好的理解Maven提供的新特性.  ...
    
			
    11.