图片连接，当鼠标滑过时变成另一张图片，怎么实现？谢谢。

[tiannet]

如题，
就是一般的图片连接，
当鼠标放在上面时，
它变成另一张图片，
请给出一个详细点的例子，
谢谢！
为减少大家写程序时间，
现写出个简单的图片连接。

<a href="#"><img src="1.gif"></a>

[possible_Y]

<img src="1.gif" style="cursor:hand" onmouseOver="this.src='1,gif'" onmouseOut="this.src='1.gif'">

[tiannet]

如果把下面这个当作字符串输出来，请问怎么写？
<img src="1.gif" style="cursor:hand" onmouseOver="this.src='1,gif'" onmouseOut="this.src='1.gif'">

我的意思是比如<table><tr><td></td></tr></table>当作字符串输出就是：
str="<table><tr><td></td></tr></table>"
可上面那个单引号、双引号都有，
怎么处理呀，输出来是什么样的？
我想用javascript写下拉菜单时经常遇到这个问题。
（特别注明：像1.gif图片的名字是被当作一个参数变量picsrc处理的）
感激不尽！

[烂笔头Danky]

这是个调用函数的例子：

<script lanuager="javascript">
<!--
if(document.images)
homeon = new Image()//主页
homeon.src="IMAGES/Menu_Home_On.gif"
homeout = new Image()
homeout.src="IMAGES/Menu_Home.gif"

function hiliteon(imgname){//转换图片
if(document.images){
document[imgname].src=eval(imgname+"on.src")
}
}
function hiliteout(imgname){//复原图片
if(document.images){
document[imgname].src=eval(imgname+"out.src")
}
}
</script>

<a class="white" href=index.htm onmouseover="hiliteon('home')" onmouseout="hiliteout('home')" onmousedown="hilitedown('home');hiliteout('about')"><img name="home" border="0" src="IMAGES/Menu_Home.gif" width="159" height="34" alt="首页">

[nba23]

相关的函数里面有
http://expert.csdn.net/Expert/topic/2122/2122102.xml?temp=.5861322

[possible_Y]

<script>
var url1="1.gif"
var url2="2.gif"
document.write("<img src='"+url1+"' style="cursor:hand" onmouseOver='"+url2+"' onmouseOut='"+url1+"'>

</script>

[possible_Y]

最后少了个 ")

<script>
var url1="1.gif"
var url2="2.gif"
document.write("<img src='"+url1+"' style="cursor:hand" onmouseOver='"+url2+"' onmouseOut='"+url1+"'>")

</script>