CSSnewbie Example: CSS-Only Dropdown Menu

</head>
<body>
   <div id="wrap">
      <h1>CSS-Only Dropdown Menu</h1>
      <ul id="navbar"> 導覽標籤
      
         <li><a href="#">Item One</a><ul> 樣式一
            <li><a href="#">Subitem One</a></li>子項目1
            <li><a href="#">Second Subitem</a></li>子項目2
            <li><a href="#">Numero Tres</a></li></ul>子項目3
         </li>
         <li><a href="#">Second Item</a><ul> 樣式二

Ａ標籤（若沒有子項）與Ｂ標籤的空格,繼續用＜li＞,

＜li＞<a fref="#">A</a></li>
<li><a href="#">B</a>

父與子項目間用＜ul＞＜分項開始＞;
子項目結束與下個Ｃ標籤用＜/ul＞</li> (結束分項，結束標籤作業)

CSS-Only Dropdown Menu 空大123

Go back to the main article. This CSS-only dropdown menu should work in all modern browsers. It has been tested and found working in Firefox 2, IE 7, Safari 3, and Opera 8.5. With the included JavaScript, the dropdowns also work in IE 6 (the all-important non-modern browser).

Donec vel massa. Ut nibh. Donec placerat ultrices dui. Morbi eu dui eget mauris cursus pellentesque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras ante neque, tempor eu, semper sit amet, hendrerit vitae, quam. Nullam ante. Pellentesque arcu sapien, suscipit in, elementum vitae, vulputate quis, metus. Quisque sollicitudin leo a diam. Quisque in risus sit amet mi faucibus feugiat. Ut ullamcorper pede a libero. Donec nisl.

網址:http://www.cssnewbie.com/example/css-dropdown-menu/

----------------
-資料來源http://stackoverflow.com/questions/13571718/how-to-open-a-link-in-a-select-box-in-a-new-window?answertab=oldest

<html>
<body>
<form name="jump">
    <select name="menu">
       <option value="http://www.nou.edu.tw">NOU TOP</option>
       <option value="http://www.cwb.gov.tw">CWB Centen</option>
       <option value="http://">link</option>
       </select>
       <input type="button" id="button"
       onclick="window.open(document.jump.menu.options[document.jump.menu.selectedIndex].value);" value="GO" />
</form>
</body>
<html>