收录日期:2021/02/27 20:47:02 时间:2016/07/13 20:55:46 标签:JavaScript
不是个复杂问题,可是我不会。

环境是这样:
上面有个图片,下面有个按钮,我想当鼠标指针在按钮上时,上面的图片变成另外一幅图
各位大哥可否指点下怎么做的?
JS不太会,最好demo代码贴一下,也好学习下啊~~
啊  对了 忘记说了  鼠标移走后就变回原来颜色
就是个onMouseOver和onMouseOut的效果,哪位达人指点下~
<img src="图片1路径" id="imgChange">
<input type="button" value="改变图片" onmouseover="changef('2')" onmouseout="changef('1')">

//javascript代码
function changef(val)
{
     if(val=="2")
          document.getElementById("imgChange").src="图片2路径"
     if(val=="1")
          document.getElementById("imgChange").src="图片1路径"
}

<script language="javascript">
function $(id){return document.getElementById(id)}
</script>
<img src="http://www.csdn.net/Images/logo_csdn.gif"oldsrc="http://www.csdn.net/Images/logo_csdn.gif" newsrc="http://avatar.profile.csdn.net/2/1/C/2_xilie521.jpg" id="img" height=200> <br>
<input type="button" value="改变图片" onmouseover="$('img').src=$('img').newsrc" onmouseout="$('img').src=$('img').oldsrc"> 


  楼上两位写的都没问题,最后就看楼主怎么优化了。


<body>
<script language="javascript">
function $(id){return document.getElementById(id)}
onload=function(){
for (var i=0;i<document.images.length;i++){
if (document.images[i].className=="imgs"){
document.images[i].onmouseover=function(){this.src=this.newsrc}
document.images[i].onmouseout=function(){this.src=this.oldsrc}
}
}
}
</script>

<img class=imgs src="http://www.csdn.net/Images/logo_csdn.gif"oldsrc="http://www.csdn.net/Images/logo_csdn.gif" newsrc="http://avatar.profile.csdn.net/2/1/C/2_xilie521.jpg" id="img" height=100><br><br>
<img class=imgs src="http://www.csdn.net/Images/logo_csdn.gif"oldsrc="http://www.csdn.net/Images/logo_csdn.gif" newsrc="http://avatar.profile.csdn.net/0/3/6/2_mawentao728.jpg" id="img" height=100> 
</body>

css就能解决这个问题,不用javascript的
5楼的函数写的不错,这样子代码看上去很简洁。
function $(id){return document.getElementById(id)}//不过这段我不理解
function $(id){return document.getElementById(id)}//不过这段我不理解 

创建代参数函数$(id) id为参数  
return document.getElementById(id)   为返回值
function $(id){return document.getElementById(id)}
是3#遗留的,忘记删掉了
意思是:
$(id)替代document.getElementById(id)
例如:
$('img').src就是:document.getElementById('img').src
谢谢前辈,学习了!

Jboss 下发布EJB 错误,在线等。。。。。。 寻问有关oem键盘驱动开发问题 欢迎光临QQ群:.Net Zone,群号码:18919334,直接加入。 高手解决的问题 求助 C#中调用dll(C#与Delphi格式转化) 欢迎光临QQ群:.Net Zone,群号码:18919334,直接加入。 欢迎光临QQ群:.Net Zone,群号码:18919334,直接加入。 基本的sql查询问题 session离谱丢失的问题,很久以来,这个问题压抑死我了,请各位赐教! 通用性的问题一个,关于测试文档。 J2ME打印图片问题!~ 如何在查询时候对数据项进行计算?望解答~急!!! 怎样取得客户端将下载文件保存的路径?急!!谢谢! 动态创建一个script,怎样知道它下载完? FC5上网问题(可以上内部网,不可以上外部网,欲知详情请进) 救命啊:用C#做的exe读取注册表后,注册表相关内容怎么被自动删除了? 欢迎光临QQ群:.Net Zone,群号码:18919334, 直接加入。 在打印中为什么要添加这两句话??这两句话是什么意思谢谢!! 拍案惊奇:中央台的节目都敢屏蔽!!! 创建文件夹遇到的问题 谁用GDI+做过类似VISIO一样得绘图? 请教一个问题? 请问应该怎样才能把一个myAr1(200)里的第50到100个值拷贝到数组MyAr2? spring配置jta的问题,急 欢迎光临QQ群:.Net Zone,群号码:18919334,直接加入。给5分 请问 如何判断两台机器在同一局域网 ? 谢谢! ^_^ 上海豪宅 [求助]关于使用位图文件填充绘制图形的问题 进程同时访问两个大共享内存,会失败? 欢迎光临.Net交流群:.Net Zone,群号码:18919334,直接加入。给5分