谁给解释下这个触显JS代码是怎么回事..

....以前用PHP168的时候一位牛人做的触显代码..

有没有高手能给SS7也做一个啊？~

..我是菜鸟，不懂这个..

1. /******************************************
   
2.   触显JS代码 以下部分加在index.htm中的
   
3.    <!--
   
4.    <?php
   
5.    print <<<EOT
   
6.    -->
   
7.    后
   
8. *******************************************/
   
9. 
   
10. <SCRIPT language=javascript>
    
11.     function show_intro(pre,pree, n, select_n,css) {
    
12.         for (i = 1; i <= n; i++) {
    
13.             var intro = document.getElementById(pre + i);
    
14.    var cha = document.getElementById(pree + i);
    
15.             intro.style.display = "none";
    
16.             cha.className=css + "_off";
    
17.             if (i == select_n) {
    
18.                 intro.style.display = "block";
    
19.   cha.className=css + "_on";
    
20.             }
    
21.         }
    
22.     }
    
23. </SCRIPT>
    
24. 
    
25. /******************************************
    
26.   触显CSS代码 以下部分加在css.css中
    
27.   图片大小：62×28
    
28. *******************************************/
    
29. 
    
30. .hot_off {
    
31.    BACKGROUND: url(ty1.gif) no-repeat;
    
32.    width:62px;
    
33.    height:18px;
    
34.    padding-top:10px;
    
35. }
    
36. .hot_on {
    
37.    BACKGROUND: url(ty2.gif) no-repeat;
    
38.    width:62px;
    
39.    height:18px;
    
40.    padding-top:10px;
    
41. }
    
42. 
    
43. /******************************************
    
44.   页面代码，以下部分加在index.htm中
    
45. *******************************************/
    
46. 
    
47. <table width="100%" border="0" cellspacing="0" cellpadding="0" class="dragTable">
    
48.   <tr>
    
49.     <td class="head">
    
50.       <h3 class="L"></h3>
    
51.         <div class="hot_on" id=tzm1 onmouseover="show_intro('ytld','tzm',4,1,'hot')" style="float:left;">
    
52.           <a href="/list.php?fid=31">工作动态</a></div>
    
53.         <div class="hot_off" id=tzm2 onmouseover="show_intro('ytld','tzm',4,2,'hot')" style="float:left;margin-left:6px;">
    
54.           <a href="/list.php?fid=27">盐亭新闻</a></div>
    
55.         <div class="hot_off" id=tzm3 onmouseover="show_intro('ytld','tzm',4,3,'hot')" style="float:left;margin-left:6px;">
    
56.           <a href="/list.php?fid=55">综合新闻</a></div>
    
57.         <div class="hot_off" id=tzm4 onmouseover="show_intro('ytld','tzm',4,4,'hot')" style="float:left;margin-left:6px;">
    
58.           <a href="/list.php?fid=102">热点新闻</a></div>
    
59.       <h3 class="R"></h3>
    
60. </tr>
    
61.    <tr>
    
62.      <td colspan="3" class="middle">
    
63.       <div id=ytld1 align="left">$label[a002]</div>
    
64.       <div id=ytld2 align="left" style="DISPLAY: none">$label[a003]</div>
    
65.       <div id=ytld3 align="left" style="DISPLAY: none">$label[a004]</div>
    
66.       <div id=ytld4 align="left" style="DISPLAY: none">$label[a001]</div>
    
67. </td>
    
68.   </tr>
    
69.    <tr>
    
70.     <td colspan="3" class="foot">
    
71.       <h3 class="L"></h3>
    
72.       <h3 class="R"></h3></td>
    
73.   </tr>
    
74. </table>
    
75. 
    
76. /******************************************
    
77.   触显代码说明
    
78. *******************************************/
    
79. 
    
80.     此代码可以在一个网页中设置多个触显。
    
81.     设置方法：
    
82.     只需要重新命名页面代码中的“ytld”、“tzm”和“4，1”（名称自己定）。
    
83.     如：要设一个五显触显：
    
84.     只需将“ytld”、“tzm”重新命名，并将“4，1”“4，2”“4，3”“4，4”，
    
85. 改为“5,1”“5,2”“5,3”“5,4”“5.5”，就可以了。
    
86.     注意其中的“tzm1”“ytld1”也要做相应改变。

复制代码