写了个样例:

<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. 51nod 矩阵取数问题
			
    一个N*N矩阵中有不同的正整数,经过这个格子,就能获得相应价值的奖励,从左上走到右下,只能向下向右走,求能够获得的最大价值. f[i][j] = max(f[i-1][j], f[i][j-1]) + ...
    
			
    2. 
						
  2. 51nod 最长公共子序列+输出路径
			
    当x = 0 或 y = 0时 f[x][y] = 0 当a[x] = b[y]时  f[x][y] = f[x-1][y-1]+1 当a[x] != b[y]时 f[x][y] = max(f[x] ...
    
			
    3. 
						
  3. 洛谷 P2355 团体操队形
			
    P2355 团体操队形 题目背景 X中学要团体操比赛了哦.队形该怎样排呢? 题目描述 有n(n<=100000)个团体操队员编号分别为1~n,参加运动会开幕式的团体操表演.其基本队形(分连续队形 ...
    
			
    4. 
						
  4. Linux 内核链表使用举例
			
    链表数据结构的定义非常简洁: struct list_head { struct list_head *next, *prev; }; list_head结构包括两个指向list_head结构的指针p ...
    
			
    5. 
						
  5. 关于app.FragmentManager和v4包的FragmentPagerAdapter冲突
			
    这几天发现一个问题我用getFragmentManager()得到FragmentManager不能放到FragmentPagerAdapter里面去.由于FragmentPagerAdapter里面 ...
    
			
    6. 
						
  6. Impala SQL
			
    不多说,直接上干货! 其实,跟hive差不多,大家可以去参考我写的hive学习概念系列. Impala SQL VS HiveQL 下面是Impala对基础数据类型和扩展数据类型的支持 • 此外,Im ...
    
			
    7. 
						
  7. 平板电脑上完美体验Windows 8 (视频)
			
    平板电脑上完美体验Windows 8 (视频) 目前,计算机产业正面临重大变革,三网融合,云计算,物联网正加速终端产品的融合.4C融合成为终端产品的未来发展趋势,是4C融合的代表性产品,它破了传统的W ...
    
			
    8. 
						
  8. Kinect开发 —— 基础知识
			
    转自:http://www.cnblogs.com/yangecnu/archive/2012/04/02/KinectSDK_Application_Fundamentals_Part2.html  ...
    
			
    9. 
						
  9. Day 3 EX 购物车自写
			
    # -*- coding: utf_8 _*_# Author:Vi import copygoods = [0,[1,'iphone',20],[2,'ipad',2500]]salary = in ...
    
			
    10. 
						
  10. C#打开SDE数据库的几种方式总结
			
    转自谢灿软件原文 C#打开SDE数据库的几种方式总结 1.通过指定连接属性参数打开数据库 /// <param name="server">数据库服务器名</pa ...
    
			
    11.