新微赢技术网

标题: [求助]求这样的代码 [打印本页]
作者: 缘分天空    时间: 2010-1-16 03:43
标题: [求助]求这样的代码
我想要一个这样的代码，如http://mxd.766.com/gw/index1.html#tongg2
当你点击怪物名称时，下面打开一个表格。
点击关闭时，表格关闭。我想要做出这种动态的效果。
请教教我。
作者: Nick    时间: 2010-1-16 03:43
  1. <script language="javascript">
  2. function check(num)
  3. {
  4. this.TA[0].style.display="none";
  5. this.TA[1].style.display="none";
  6. this.TA[2].style.display="none";
  7. this.TA[num-1].style.display="block";
  8. return false;
  9. }
  10. function closeta()
  11. {
  12. this.TA[0].style.display="none";
  13. this.TA[1].style.display="none";
  14. this.TA[2].style.display="none";
  15. return false;
  16. }
  17. </script>
  18. <table width="300" border="0" cellpadding="0" cellspacing="0">
  19. <tr>
  20. <td align="center"><table width="100%" height="25" border="0" cellpadding="0" cellspacing="1" bgcolor="#FF0000">
  21. <tr>
  22. <td align="center" bgcolor="#FFFFFF"><a href="#" onclick="check(1)">怪物1</a></td>
  23. <td align="center" bgcolor="#FFFFFF"><a href="#" onclick="check(2)">怪物2</a></td>
  24. <td align="center" bgcolor="#FFFFFF"><a href="#" onclick="check(3)">怪物3</a></td>
  25. </tr>
  26. </table></td>
  27. </tr>
  28. <tr>
  29. <td align="center" valign="top">
  30. <table id="TA" style="display:none" width="100%" height="73" border="0" cellpadding="0" cellspacing="1" bgcolor="#D2EDFF">
  31. <tr>
  32. <td width="23%" rowspan="2" align="center" bgcolor="#FFFFFF"><a href="#">怪物1</a></td>
  33. <td width="43%" align="center" bgcolor="#FFFFFF">经验值</td>
  34. <td width="34%" align="center" bgcolor="#FFFFFF">等级</td>
  35. </tr>
  36. <tr>
  37. <td height="32" align="center" bgcolor="#FFFFFF">100</td>
  38. <td align="center" bgcolor="#FFFFFF">3</td>
  39. </tr>
  40. <tr>
  41. <td colspan="3" align="right" bgcolor="#FFFFFF"><a href="#" onclick="closeta()">&lt;Close&gt;</a></td>
  42. </tr>
  43. </table>
  44. <table id="TA" style="display:none" width="100%" height="73" border="0" cellpadding="0" cellspacing="1" bgcolor="#D2EDFF">
  45. <tr>
  46. <td width="23%" rowspan="2" align="center" bgcolor="#FFFFFF"><a href="#">怪物2</a></td>
  47. <td width="43%" align="center" bgcolor="#FFFFFF">经验值</td>
  48. <td width="34%" align="center" bgcolor="#FFFFFF">等级</td>
  49. </tr>
  50. <tr>
  51. <td height="32" align="center" bgcolor="#FFFFFF">150</td>
  52. <td align="center" bgcolor="#FFFFFF">4</td>
  53. </tr>
  54. <tr>
  55. <td colspan="3" align="right" bgcolor="#FFFFFF"><a href="#" onclick="closeta()">&lt;Close&gt;</a></td>
  56. </tr>
  57. </table>
  58. <table id="TA" style="display:none" width="100%" height="73" border="0" cellpadding="0" cellspacing="1" bgcolor="#D2EDFF">
  59. <tr>
  60. <td width="23%" rowspan="2" align="center" bgcolor="#FFFFFF"><a href="#">怪物3</a></td>
  61. <td width="43%" align="center" bgcolor="#FFFFFF">经验值</td>
  62. <td width="34%" align="center" bgcolor="#FFFFFF">等级</td>
  63. </tr>
  64. <tr>
  65. <td height="32" align="center" bgcolor="#FFFFFF">170</td>
  66. <td align="center" bgcolor="#FFFFFF">5</td>
  67. </tr>
  68. <tr>
  69. <td colspan="3" align="right" bgcolor="#FFFFFF"><a href="#" onclick="closeta()">&lt;Close&gt;</a></td>
  70. </tr>
  71. </table></td>
  72. </tr>
  73. </table>
复制代码
作者: 天语悠悠    时间: 2010-1-16 03:43
谢谢啊
作者: oscar    时间: 2010-2-13 01:05
太有才了!



欢迎光临 新微赢技术网 (http://bbs.weiying.cn/) Powered by Discuz! X3.2