因為實在是對原本的版型感到很膩了,所以就做了部落格大改版,之前其實有挑過要用的版型,只是侷限於我的連結選單會無法使用,觀察過CSS樣式還是找不到問題,明明其他自定欄位都可以使用JavaScript,但就是那個JavaScript的寫法不行,所以只好找尋其他作連結選單的方法,其實之前就有找過了,只是我不太喜歡【下拉式選單】產生器的複雜語法,太過冗長了,後來就看到有比較簡單的語法,也就直接套用了,改版型真是花了我好一番功夫,光是做一大堆的微調就花去我整個睌上,幸好忍者部落格有小幫手的功能呀,靠著瞎猜、超菜的日文,還有對於CSS的模糊基礎,只留下基本架構的骨幹,其他的部份都被我改的面目全非了(爆),就介紹一下下拉式選單的簡單語法吧。

【Code】(將此部分複製到部落格的自定欄位即可,需支援JavaScript
<select onchange="window.open(this.options[this.selectedIndex].value)">

<option value="">選單名稱</option>

<option value="">————————————</option>

<option value="連結網址">連結名稱</option>

<option value="連結網址">連結名稱</option>

<option value="連結網址">連結名稱</option>

</select>

【範例說明】

選單名稱:身陷謎團の推理眾
第一個選項
連結網址:http://mysteryexpress.blog111.fc2.com/
連結名稱:謎思推理報

第二個選項
連結網址:http://blog.pixnet.net/mysteryfactory
連結名稱:台灣推理夢工廠

————————————
↑是用來控制選單欄位長度,若各選單字數不一,則下拉式選單會呈現長短不齊的狀況,此時可做一樣的虛線長度控制。

若想要增加連結選項,則在程式碼中新增一筆<option value="連結網址">連結名稱</option>即可,若要增加第二組選單,則整個Code複製起來再做內容的修改,此選單經點選會另開視窗開啟點選的網頁。

【Code】
<select onchange="window.open(this.options[this.selectedIndex].value)">
<option value="">身陷謎團の推理眾</option>
<option value="">-———————————–</option>
<option value="http://mysteryexpress.blog111.fc2.com/">謎思推理報</option>
<option value="http://blog.pixnet.net/mysteryfactory">台灣推理夢工廠</option>
</select>

若有其他問題可以留言問我,我還在研究怎麼改選單中選項的顏色跟字體大小。XD