鼠标移动到一张图片时变为另一张图片

代码如下:

用以下代码. 
<script language="JavaScript"><!-- 
c0off = new Image(80,30); c0off.src = "图片1位置"; 
c0on = new Image(80,30); c0on.src = "图片2位置"; 
function img_act(imgName) 
{ 
imgOn = eval(imgName+"on.src"); 
document[imgName].src = imgOn; 
}

function img_inact(imgName) 
{ 
imgOff = eval(imgName+"off.src"); 
document[imgName].src = imgOff; 
}

function erase() 
{ 
window.status="网页教学网"; 
}

function moveover(txt) 
{ 
window.status=txt; 
} 
// --></script></p> 
<a href=intex.htm 
onmouseover="img_act('c0');moveover('图片名');return true;" 
onmouseout="img_inact('c0');return true;"><img 
src="图片1位置" border="0" width="80" height="30" name="c0"></a>

赞 (0)

相关推荐

  • 鼠标移动到一张图片时变为另一张图片

    复制代码 代码如下: 用以下代码.  <script language="JavaScript"><!--  c0off = new Image(80,30); c0off.src = "图片1位置";  c0on = new Image(80,30); c0on.src = "图片2位置";  function img_act(imgName)  {  imgOn = eval(imgName+"on.src&quo

  • 一个不错的给图片添加说明文字的动态层的实现代码

    滑动说明文字 .slide_bg{border:#999999 3px solid;width:207px;height:106px;position:relative;overflow:hidden;float:left;margin-right:16px;margin-top:26px;} .slide_img{background-image:url(/jscss/demoimg/wall1.jpg);width:207px;height:106px;} .slide_txt{width:

  • jQuery实现鼠标跟随效果

    所谓鼠标跟随,一般就是指鼠标移到哪张图片上,那该张图片的放大图片就会出现,并且放大图片会随着鼠标在该张图片上移动而移动. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin:0; padding:0; } img{ border:none; }

  • JavaScript 在网页上单击鼠标的地方显示层及关闭层

    JavaScript 在网页上单击鼠标的地方显示层及关闭层

    在网页上单击鼠标的地方显示层,供用户选择地点,同时把用户选择的地点显示在文本框中.主要是控制层的显示.隐藏. 复制代码 代码如下: <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=gb2312"> <TITLE>层的隐藏显示练习</TITLE> <STYLE type="text/css&qu

  • android提取视频多张图片和视频信息实例

    android提取视频多张图片和视频信息实例

    话说2016年的直播比较火,2017年短视频又火了.但对于开发者来说隐藏在这背后的技术才是我们所关心的,毕竟我们是靠技术吃饭的. 现在在安卓中多媒体服务比较强大,而与视频有关的视频基本处理技术有必要学习一下.我前段时间也在做有关视频的一些需求,当然也涉及本文的标题内容. 经测试和研究发现在android中提取视频图片的方法只有MediaMetadataRetriever这个类比较靠谱简单实用.当然OpenGL-也可以做到哈!(后者不展开介绍), 最后会把完整的demo献上. 效果图 技术需求 需

  • Mootools 图片展示插件(lightbox,ImageMenu)收集集合

    Mootools 图片展示插件(lightbox,ImageMenu)收集集合

    1.MultiBox 一个lightbox支持的内容格式包括:图片,Flash,视频,mp3,html. 主页:http://www.phatfusion.net/multibox/ 下载:http://www.phatfusion.net/multibox/multibox.zip 示例:http://www.phatfusion.net/multibox/ 2.ImageMenu 一个图片展示控件.当鼠标移到某一张图片时将展开整张图片. 主页:http://www.phatfusion.ne

  • js实现从左向右滑动式轮播图效果

    js实现从左向右滑动式轮播图效果

    轮播图就是让图片每隔几秒自动滑动,达到图片轮流播放的效果.轮播图从效果来说有滑动式的也有渐入式的,滑动式的轮播图就是图片从左向右滑入的效果,渐入式的轮播图就是图片根据透明度渐渐显示的效果,这里说的是实现第一种效果的方法. 原理 相同大小的图片并成一列,但只显示其中一张图片,其余的隐藏,通过修改left值来改变显示的图片. 点击查看效果 html部分 nav为总容器,第一个ul列表#index为小圆点列表,鼠标覆盖哪个小圆点就显现第几张图片,on是一个给小圆点添加背景颜色属性的类:第二个ul列表#

  • Bootstrap图片轮播组件使用实例解析

    Bootstrap图片轮播组件使用实例解析

    使用Bootstrap来编写图片轮播组件Carousel,则能够节约很多时间,图片轮播组件是一个在网页中很常见的技术,但是如果直接编写的话,需要很长的JavaScript编码,同时也不好控制大小.  同时说一下,Carousel这个词的本义是回旋木马. 一.基本目标 在网页编写多张图片的轮播组件Carousel,鼠标放在上面自带悬停效果,并且在每张图片下面配有图片说明.  由于笔者的电脑视频录制软件比较渣,也觉得没必要画太多时间在这上面,觉得只要能说明问题就行,所以下面的GIF失色比较严重,但是

  • 简单实现js轮播图效果

    本文实例为大家分享了js实现轮播图效果展示的具体代码,供大家参考,具体内容如下 html结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin:0; padding:0; font-size:14px; -webkit-use

  • js支持键盘控制的左右切换立体式图片轮播效果代码分享

    js支持键盘控制的左右切换立体式图片轮播效果代码分享

    本文实例讲述了js支持键盘控制的左右切换立体式图片轮播效果.分享给大家供大家参考.具体如下: 这是一款基于javascript实现支持键盘控制的左右切换立体式图片轮播效果,特别有立体感,最重要的一点是可以利用键盘进行控制. 特性介绍:      1.轻松的改变幻灯变的宽度.      2.轻易改变下一张展示图片的数量.      3.最后一张图片会循环回到第一张图片里.      4.嵌入了Fancy查看插件,在每张图片上都能查看详细图片信息. 运行效果图:                   

随机推荐