搬家啟示
本站已搬到 http://umin27.blogspot.tw

我的側欄有個連結區,將一些Links摺起來。如下:

當初看了幾篇教學,try and error後,最終選擇這語法。接著列出供需要的你/妳參考

<form>
<select onchange="window.open(this.options[this.selectedIndex].value)">
<option selected>選單主題</option>
<optgroup label="分類1">
<option value="網址a">a的名稱</option>
<option value="網址b">b的名稱</option>
</optgroup>
<optgroup label="分類2">
<option value="網址c">c的名稱</option>
<option value="網址d">d的名稱</option>
</optgroup>
</select>
</form>

若要增加分類的話
1.在</select>前自行增加 <optgroup label="某分類"></optgroup>標籤組
2.再將<option value="某網址">某名稱</option>塞在新增的</optgroup>
3.若需增加更多分類,請
重複1~2.的步驟

e.g. 本文範例的code為:
<form>
<select onchange="window.open(this.options[this.selectedIndex].value)">
<option selected>看新聞 找資料 體育來源</option>
<optgroup label="Mavs 達拉斯小牛">
<option value=
"http://www.dallasnews.com/sharedcontent/dws/spt/basketball/mavs/vitindex.html">
達拉斯晨報</option>
<optionvalue="http://www.star-telegram.com/mavericks/nba/">Star-Telegram</option>
</optgroup>
<optgroup label="A's 奧克蘭運動家">
<option value="http://www.sfgate.com/sports/athletics/">SFGate</option>
<option value="http://www.insidebayarea.com/athletics">Inside Bay Area</option>
</optgroup>
</select>
</form>

 

若不想要有分類的話,請見以下語法
<form>
<select onchange="window.open(this.options[this.selectedIndex].value)">
<option selected>選單主題</option>
<option value="網址a">a的名稱</option>
<option value="網址b">b的名稱</option>
<option value="網址c">c的名稱</option>
<option value="網址d">d的名稱</option>
</select>
</form>

umin 發表在 痞客邦 PIXNET 留言(3) 人氣()


留言列表 (3)

發表留言
  • hgc0818
  • 實用好文推!
    我已經成功改了一個側邊欄位了。感謝^^
  • 感謝獅子歌歌~~

    ^^

    umin 於 2008/12/05 22:54 回覆

  • dino52
  • 似乎有連結上限
    擺了第20個連結就變形了@@
  • 不曉得ㄟ,語法中沒有限制連結數。框倒是會隨字數做改變

    阿亮還是再試看看,我加上分類的經驗,總連結數有超過20 (各分類也沒用到20就是了)是可行的

    umin 於 2008/12/25 20:26 回覆

  • dino52
  • 我稍微修改之後就可以了^^
【 X 關閉 】

【PIXNET 痞客邦】國外旅遊調查
您是我們挑選到的讀者!

填完問卷將有機會獲得心動好禮哦(注意:關閉此視窗將不再出現)

立即填寫取消