框架条件下如何实现鼠标经过时图片自动改变
众所周知，基于DHTML，鼠标经过改变图像利用两个函数就可以了：onmouseover="变化的图像"，onmouseout="原来的图像"，如下所示：
<img src="images/left-fx1-1.gif" name="Image1" width="6" height="46" border="0" onmouseover="this.src='images/left-fx1-2.gif'" onmouseout="this.src='images/left-fx1-2.gif'">，其中images/left-fx1-2.gif，和images/left-fx1-1.gif，分别是变化的图像和原来的图像。
但是这里有一个问题？？？？？
如果我做得页面是一个丁字形框架页面，中间的内容分为左右两个框架，我在中间两个框架分割处加了一个按钮图片，可以实现点击该按钮时左边的框架自动闭合，再次点击时又恢复原样，其代码如下：
<td background="images/left-bk.gif" class="Noprint">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td height="100%">
<a style="cursor:hand" onClick="switchSysBar()" id="movetool"><img src="images/left-fx1-1.gif" name="Image1" width="6" height="46" border="0" onmouseover="this.src='images/left-fx1-2.gif'" onmouseout="this.src='images/left-fx1-2.gif'"></a></td>
</tr>
</table>
</td>
其中<a style="cursor:hand" onClick="switchSysBar()" id="movetool">处的函数switchSysBar()可以实现框架页面自动闭合和打开功能，该函数如下：
function switchSysBar()
{
if (document.all("frmTitle").style.display == "")
{
document.all("frmTitle").style.display = "none"
<!--document.all.movetool.innerHTML = "<img src='oa/images/movetoolright.gif' width='11' height='39' border='0'>";-->
document.all.movetool.innerHTML = "<img src='images/left-fx2-1.gif' border='0'>";
}
else
{
document.all("frmTitle").style.display = "";
<!--document.all.movetool.innerHTML = "<img src='oa/images/movetool.gif' width='11' height='39' border='0'>";-->
document.all.movetool.innerHTML = "<img src='images/left-fx1-1.gif' border='0'>";
}
}
现在的问题是我的页面中框架的闭合和打开功能可以实现，不过我在上面代码中的
<img src="images/left-fx1-1.gif" name="Image1" width="6" height="46" border="0" onmouseover="this.src='images/left-fx1-2.gif'" onmouseout="this.src='images/left-fx1-2.gif'">
语句好像只能执行一次，页面刚加载的时候鼠标经过时，按钮图片可以改变，但是单击一次以后，鼠标再经过时图片不再发生变化，不知道什么原因！！！
问题点数：100、回复次数：2Top
1 楼net_lover（【孟子E章】）回复于 2005-11-02 18:24:12 得分 0
document.all.movetool.innerHTML = "<img src='images/left-fx1-1.gif' border='0'>";
你已经把事件弄没了。
可以试试
document.all.movetool.innerHTML = "<img src='images/left-fx1-1.gif' onmouseover='' border='0'>";
等。
单最好用style.dispay等其他方法实现Top
2 楼wanggongming（）回复于 2005-11-02 20:52:06 得分 0
我试过了，好像不行，函数switchSysBar()实现的框架页面自动闭合和打开功能没有了，修改的函数如下：
function switchSysBar()
{
if (document.all("frmTitle").style.display == "")
{
document.all("frmTitle").style.display = "none"
<!--document.all.movetool.innerHTML = "<img src='oa/images/movetoolright.gif' width='11' height='39' border='0'>";-->
document.all.movetool.innerHTML = "<img src='images/left-fx2-1.gif' border='0' onmouseover="this.src='images/left-fx2-2.gif'" onmouseout="this.src='images/left-fx2-1.gif'">";
}
else
{
document.all("frmTitle").style.display = "";
<!--document.all.movetool.innerHTML = "<img src='oa/images/movetool.gif' width='11' height='39' border='0'>";-->
document.all.movetool.innerHTML = "<img src='images/left-fx1-1.gif' border='0'onmouseover="this.src='images/left-fx1-2.gif'" onmouseout="this.src='images/left-fx1-1.gif'">";
}
}Top
