美工问题，点一下显示一幅图片，再点一下显示不同的图片

Question

其实我这里做的就是一个比较简单的树，不过不知道怎么控制它的背景图片
（比如说开始的时候都是+号，点一下变减号）
代码如下：
function showsubmenu(sid)
{
whichEl = eval("submenu" + sid);
if (whichEl.style.display == "none")
{
eval("submenu" + sid + ".style.display=\"\";");
}
else
{
eval("submenu" + sid + ".style.display=\"none\";");}}
上边的是函数
<TABLE id="Table3" cellSpacing="1" cellPadding="1" width="100%" bgcolor="#f0f1f2">
<tr>
<td>
<asp:Repeater ID="repeater1" Runat="server">
<ItemTemplate>
<table cellpadding="0" cellspacing="0" width="158" align="center">
<tr>
<td height=25 class=menu_title onmouseover=this.className='menu_title2'; onmouseout=this.className='menu_title'; background="images/title_bg_show.gif" id=menuTitle1  onclick="showsubmenu(<%# Container.ItemIndex+1%>)">
<span>
<%# DataBinder.Eval(Container.DataItem,"styleclass")%>
</span>
</td>
</tr>
<tr>
<td  style="display:none" id='submenu<%# Container.ItemIndex+1%>'>
<table class="sec_menu" cellpadding="0" cellspacing="0" align="center" width="158">
<asp:Repeater ID="repeater2" Runat="server">
<ItemTemplate>
<tr>
<td height="20" onmouseover="this.style.backgroundColor='#cccccc'" onmouseout="this.style.backgroundColor='#ffffff'"><a href='search.aspx?value=<%# DataBinder.Eval(Container.DataItem,"id")%>' target="_blank"><img src="images/bullet.gif" border="0"><font color="DodgerBlue"><%# DataBinder.Eval(Container.DataItem,"goodstypecontent")%></font></a></td>
</tr>
</ItemTemplate>
</asp:Repeater>
</table>
</td>
</tr>
</table>
</ItemTemplate>
</asp:Repeater>
</td>
</tr>
</TABLE>
谁可以帮我改下函数，要的效果就是能同时控制id=menuTitle1的背景图片

Answer 1

WO  kao
挂了一天了没个人帮下忙

Answer 2

你可以先判断该对象的背景图片是什么,然后进行替换var obj = document.all("xxx");
var bgimg = obj.background;
if(bgimg == "aa.gif")
{
obj.background = "bb.gif";
}
else
{
obj.background = "aa.gif";
}这样就替换过来了.

Answer 3

用过了不行
不知道为什么？我对JAVE不熟悉

Answer 4

function showsubmenu(sid)
{
whichEl = eval("submenu" + sid);
if (whichEl.style.display == "none")
{
eval("submenu" + sid + ".style.display=\"\";");
}
else
{
eval("submenu" + sid + ".style.display=\"none\";");}}在这个函数里边加进去是没效果的，不知道为啥

Answer 5

就是 hchxxzx(NET？摸到一点门槛) 说的一样
判断被点的图原来是什么状态，+则变- -则变+

Answer 6

onmouseover="this.style.backgroundColor='#cccccc'" onmouseout="this.style.backgroundColor='#ffffff'"你试试看把背景图片效果加载在这个两个中吧

Answer 7

onmouseout=this.className='menu_title'; background="images/title_bg_show.gif" id=menuTitle1  onclick="showsubmenu(<%# Container.ItemIndex+1%>)"你这里已经加了一个默认背景了，要动态的就在onclick添加新背景，在onMouseOut卸载背景

Answer 8

function ShowTalbe(TblName)
            {
                with (Form1)
                {
                    if (eval("Tbl" + TblName).style.display == "")
                    {
                        eval("Tbl" + TblName).style.display = "none";
                        eval("Img" + TblName).src = "Image/BttnExpnd.gif";
                        eval("Img" + TblName).alt = "展开";                        
                    }
                    else
                    {
                        eval("Tbl" + TblName).style.display = "";
                        eval("Img" + TblName).src = "Image/BttnCllps.gif";
                        eval("Img" + TblName).alt = "收起";
                    }
                }
            }
我写的一段，你可以参考一下