写了个样例:

<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. <QT之Bug制造机>QT中串口类“QSerialPort”的学习笔记
			
    QT5中已经增加了串口类QSrialPort,可以直接调用API函数进行快速开发. 1. 获取串口信息 Dialog::Dialog(QWidget *parent) : QDialog(parent ...
    
			
    2. 
						
  2. gitlab-ce-11.0.1 安装及汉化
			
    1.添加gitlab源(我这里使用了清华大学的源)cat <<EOF> /etc/yum.repos.d/gitlab-ce.repo[gitlab-ce]name=gitlab-c ...
    
			
    3. 
						
  3. kettle(一)概述
			
    近期两个月一直和kettle打交道,从開始的没听说过,到如今能够熟练运用,不得不说项目驱动下,学习东西是最快的.好了,尽管使用kettle应付项目的任务绰绰有余.可是还是想系统的学习一下,总结一下.比 ...
    
			
    4. 
						
  4. OpenCASCADE解非线性方程组
			
    OpenCASCADE解非线性方程组 eryar@163.com Abstract. 在科学技术领域里常常提出求解非线性方程组的问题,例如,用非线性函数拟合实验数据问题.非线性网络问题.几何上的曲线曲 ...
    
			
    5. 
						
  5. RTSP传输协议之Methods总结
			
    RTSP/1.0 200 OK Server: DSS/5.5.5 (Build/489.16; Platform/Linux; Release/Darwin; state/beta; ) Cseq: ...
    
			
    6. 
						
  6. LinkCutTree详解
			
    LCT详解 没有比这再详细的了, 相信我
    
			
    7. 
						
  7. canvas：画布
			
    画布有默认宽度,如果要自己设置宽带要写在属性上 列: <canvas id = "myCanvas" width = "600" height = &qu ...
    
			
    8. 
						
  8. 初学h5须知
			
    9.41.浏览器是页面的环境(类似水是鱼的环境)2.浏览器结构:title    标题,题目                           URL      网址                 ...
    
			
    9. 
						
  9. 商业模式(二):P2P网贷平台，利差和服务费为主的金融玩法
			
    2014~2015,先后在2家P2P平台工作过,还了解过其它若干武汉P2P平台. 结合自己的工作经历和理财经历,说几句~ 1.P2P网贷这种金融类的创业项目和经营风险,远高于制造业和服务业~      ...
    
			
    10. 
						
  10. ArcGIS Engine检索要素集、要素类和要素
			
    转自原文 ArcGIS Engine检索要素集.要素类和要素 /// <summary> /// 获取所有要素集 /// </summary> /// <param na ...
    
			
    11.