hellokitty星座館

開關式選單　

請按Ctrl+C複製程式碼至<head></head>之間

<style> TD.list { Font-family: verdana; COLOR: #000000; TEXT-DECORATION: none } TD.list A:link { Font-family: verdana; COLOR: #0000ff; TEXT-DECORATION: none } TD.list A:active { Font-family: verdana; COLOR: #ff000; TEXT-DECORATION: none } TD.list A:visited { Font-family: verdana; COLOR: #800080; TEXT-DECORATION: none } TD.list A:hover { Font-family: verdana; COLOR: #ff3300; TEXT-DECORATION: none } td { font-size: 10pt} </style> <SCRIPT LANGUAGE=javascript>  </SCRIPT>

請按Ctrl+C複製語法至<body>與</body>之間　

<table BORDER="0" CELLSPACING="0" CELLPADDING="0" width="130"> <tr> <td class="list" onclick="fnDispThis(1)" style="cursor: HAND" width="128">■分類1 <DIV class="O" id="sub1" style="Display:'NONE';"> <a href="#">□連結1</a><br> <a href="#">□連結2</a><br> <a href="#">□連結3</a><br> </div> </td> </tr> <tr> <td class="list" onclick="fnDispThis(2)" style="cursor: HAND" width="128">■分類2 <DIV class="O" id="sub2" style="Display:'NONE';"> <a href="#">□連結1</a><br> <a href="#">□連結2</a><br> <a href="#">□連結3</a><br> </div> </td> </tr> <tr> <td class="list" onclick="fnDispThis(3)" style="cursor: HAND" width="128">■分類3 <DIV class="O" id="sub3" style="Display:'NONE';"> <a href="#">□連結1</a><br> <a href="#">□連結2</a><br> <a href="#">□連結3</a><br> </div> </td> </tr> </table>

可修改的地方：

第一步:若要增加主要開關 constMaxItem=3 (eg:有5個主要的開關分數~設定:5)以此類推

第二步:再增加開關~(粉紅色的地方必須隨著開關增加數值也需隨著增加)以此類推＊

<td class="list" onclick="fnDispThis(1)" style="cursor: HAND" width="128">■分類1
<DIV class="O" id="sub1" style="Display:'NONE';">

<td class="list" onclick="fnDispThis(2)" style="cursor: HAND" width="128">■分類2
<DIV class="O" id="sub2" style="Display:'NONE';">

↓↓↓範例↓↓↓

■分類1
□連結1
□連結2
□連結3

■分類2
□連結1
□連結2
□連結3

■分類3
□連結1
□連結2
□連結3

上一頁

下一頁

回到首頁

列印本頁

設為首頁

加入我的最愛