十分简洁的滑动门 可无限添加

代码来源：多特软件园
效果演示：http://huixian.net/action-site-type-down.html （页面测试中 看文件排行那里）
截图：

1. <div class="fenl_1">
   
2. <div class="fenl_1aa">
   
3. <div class="fenl_1ba">
   
4. <ul>
   
5. <li id='tabHead130' class="gameHotTab"><a href="###" onclick="s( 130 ,'FirstLine');" >总排行榜</a></li>
   
6. <li id='tabHead131'><a href="###" onclick="s( 131 ,'FirstLine');" >月排行榜</a></li>
   
7. <li id='tabHead133'><a href="###" onclick="s( 133 ,'FirstLine');" >周排行榜</a></li>
   
8. <!--此处可无限添加 按照上面的样式进行-->
   
9. 
   
10. </ul>
    
11. </div></div></div>
    
12. 
    
13. <!-- tab1 -->
    
14. <div class="fenl_2" id="tabContent130" >
    
15. <div class="fenl_2a">
    
16. <ul>
    
17. 
    
18. 
    
19. <li><nobr><a href="$value[url]">1</a></nobr></li>
    
20. 
    
21. </ul>
    
22. </div>
    
23. <div class="fenl_2a">
    
24. <ul>
    
25. 
    
26. <li><nobr> <a href="$value[url]">1</a></nobr></li>
    
27. 
    
28. </ul>
    
29. </div>
    
30. </div>
    
31. <!-- tab1 -->
    
32. <div class="fenl_2" id="tabContent131" style="display: none;">
    
33. <div class="fenl_2a">
    
34. <ul>
    
35. 
    
36. <li><nobr> <a href="$value[url]">2</a></nobr></li>
    
37. 
    
38. </ul>
    
39. </div>
    
40. <div class="fenl_2a">
    
41. <ul>
    
42. 
    
43. <li><nobr> <a href="$value[url]">2</a></nobr></li>
    
44. 
    
45. </ul>
    
46. </div>
    
47. </div>
    
48. <!-- tab1 -->
    
49. <div class="fenl_2" id="tabContent133" style="display: none;">
    
50. <div class="fenl_2a">
    
51. <ul>
    
52. 
    
53. <li><nobr><a href="$value[url]">3</a></nobr></li>
    
54. <!--{/loop}-->
    
55. </ul>
    
56. </div>
    
57. <div class="fenl_2a">
    
58. <ul>
    
59. 
    
60. <li><nobr> <a href="$value[url]">3</a></nobr></li>
    
61. 
    
62. </ul>
    
63. </div>
    
64. </div>
    
65. 
    
66. 
    
67. </div>
    
68. 
    
69. <script language="javascript" type="text/javascript">
    
70. <!--
    
71. old = 130
    
72. function s(vid,group)
    
73. {
    
74.         if(old==vid)
    
75.                 return;
    
76.         var o = document.getElementById('tabHead'+vid);
    
77.         var oc = document.getElementById('tabContent'+vid);
    
78.         o.className="gameHotTab";
    
79.         oc.style.display = "";
    
80.         var o = document.getElementById('tabHead'+old);
    
81.         var oc = document.getElementById('tabContent'+old);
    
82.         o.className="";
    
83.         oc.style.display = "none";
    
84.         old = vid;
    
85. }
    
86. //-->
    
87. </script><!-- /orange -->

复制代码

[ 本帖最后由 pcload 于 2007-10-22 17:59 编辑 ]

多特站点：http://wt.duote.com/game.html
截图：

恩，很好。，呵呵

好 支持一个好 支持一个

这东西看来很好

好东西   支持楼主

楼主要能把你的SS风格共享出来好哇。

www.cehx.com

請問要把這段原文件貼在哪個檔案裡面？