下拉式選單

簡單製作下拉式選單：網頁連結、好友連結

．本文參考自：dllee的下拉式選單之部落格連結

修改了一下下拉選單，   範例：    網頁連結↓ ■■好用的google網頁 ．閱讀器 ．協作平台 ．gmail ．picasa ．blogger
其中css那邊我設定了一個dlink_style的樣式，可以做修改

<!-- 網頁連結 -->
<style type="text/css">
#dlink_style {
color: #fff;
background-color: #316AC5;
}
</style>

<form>
<select name="choice">
<option id="dlink_style"/>網頁連結↓
<option id="dlink_style"/>■■好用的google網頁
<option value="http://www.google.com.tw/reader/view/?tab=3y"/>．閱讀器
<option value="http://sites.google.com/?tab=m3"/>．協作平台
<option value="http://mail.google.com/mail/?tab=3m"/>．gmail
<option value="http://picasaweb.google.com/"/>．picasa
<option value="http://www.blogger.com/home"/>．blogger
</select>
<input class="button" onclick="window.open(this.form.choice.options[this.form.choice.selectedIndex].value)" type="button" value="GO" />
</form>

另外找到一個比較短的(直接選就跳新視窗)

) 網站連結 blogger google

<select onChange=javascript:window.open(this.options[this.selectedIndex].value)
name="ok">
<option>網站連結</option>
<option value="網址">網站名稱</option>
<option value="網址">網站名稱</option>
</select>