设为首页收藏本站
开启辅助访问 切换到宽版

新微赢技术网

 找回密码
 注册
快捷导航
搜索
热搜: 回贴
新微赢技术网»论坛 › 学习网 知识堂 › WEB开发 › ASP › [求助]求这样的代码
返回列表 发新帖
查看: 110|回复: 4
打印 上一主题 下一主题

[求助]求这样的代码

[复制链接]
跳转到指定楼层
1#
发表于 2010-1-16 03:43:13 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
我想要一个这样的代码，如http://mxd.766.com/gw/index1.html#tongg2
当你点击怪物名称时，下面打开一个表格。
点击关闭时，表格关闭。我想要做出这种动态的效果。
请教教我。
回复

使用道具 举报

Nick
2#
发表于 2010-1-16 03:43:17 | 只看该作者
  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>
复制代码
回复 支持 反对

使用道具 举报

3#
发表于 2010-1-16 03:43:21 | 只看该作者
谢谢啊
回复 支持 反对

使用道具 举报

oscar
4#
发表于 2010-2-13 01:05:06 | 只看该作者
太有才了!
回复 支持 反对

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 注册

本版积分规则

申请友链|小黑屋|最新主题|手机版|新微赢技术网 ( 苏ICP备08020429号 )  

GMT+8, 2024-11-19 16:36 , Processed in 0.103581 second(s), 8 queries , Gzip On, Memcache On.

Powered by xuexi

© 2001-2013 HaiAn.Com.Cn Inc. 寰耽

快速回复 返回顶部 返回列表