老师们:
    我想实现以下功能：点击表格（<td >...</td>）区域时，在这表格中显示相应的图片，再点击此表格，该图片隐藏；再再点击，又显示图片....这样替换的功能，怎么实现！感谢！



[ 本帖最后由 anjincheng 于 2011-5-19 08:40 编辑 ]

老师们，怎么实现呢？

自己顶？

自己顶？

<td width="200" style="cursor:pointer;" onClick="show('div1');">><div id="div1">将这里的文字替换成图片就行了</div></td>
改为以下方式还可以实现：
<%
For i=1 to 10
%>
<td width="200" style="cursor:pointer;" onClick="show('div<%=i%>');"><div id="div<%=i%>">将这里的文字替换成图片就行了</div></td>
<%next%>

但改为以下方式就不行了：
<%
For i=1 to 10
 response.Write "<td align='center' valign='middle' style='cursor:pointer;' onClick='show('div"&i&"');' nowrap><div id='div"&i&"'>将这里的文字替换成图片就行了</div></td>"
next
%>
怎么改呢？谢谢！



[ 本帖最后由 anjincheng 于 2011-5-24 16:29 编辑 ]

<td width="200" style="cursor:pointer;" onClick="show('div1');">><div id="div1">将这里的文字替换成图片就行了</div></td>
改为以下方式还可以实现：
<%
For i=1 to 10
%>
<td width="200" style="cursor:pointer;" onClick="show('div<%=i%>');"><div id="div<%=i%>">将这里的文字替换成图片就行了</div></td>
<%next%>

但改为以下方式就不行了：
<%
For i=1 to 10
response.Write "<td align='center' valign='middle' style='cursor:pointer;' onClick='show('div"&i&"');' nowrap><div id='div"&i&"'>将这里的文字替换成图片就行了</div></td>"
next
%>
怎么改呢？谢谢！

感谢dzt0001老师！成功！！

老师：
    以下代码打开时先是显示状态，怎么改成先是隐藏状态，点击后再显示？
=========================================
<script language="JavaScript" type="text/javascript">
function $(id)
{
    return document.getElementById(id);   
}

function show(obj)
{
    var s=$(obj).style;
    s.display=s.display=="none" ? "" : "none";
}
</script>
<table width="500" border="1">
  <tr>
    <td width="200" style="cursor:pointer;" onClick="show('div1');">点击单元格显示文字或图片</td>
    <td><div id="div1">将这里的文字替换成图片就行了</div></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>