Creative Commons License
發卡布洛 所有內容 採用
創用 CC 姓名標示-非商業性-禁止改作 2.5 台灣 授權條款授權.

很多網友因為受不了無名小站限制多多,紛紛搬離了無名小站,但偏偏好朋友們都在使用無名,以往用無名要看朋友們的網誌時有個好友選單很好用,現在搬離了無名,總覺得要瀏覽好友的網誌有點麻煩。

  雖然網路上有關下拉選單的教學有很多,但我看那些教學的程式碼都寫得落落長,還另外寫了一個函式去做切換頁面的動作,其實根本不需要這樣,只要你的部落格有自由欄位,並且可以使用 Javascript,使用以下的程式就可以達到同樣的效果了:

<select onchange="!(value)?void(0):window.open('http://www.wretch.cc/blog/'+value)">
<option value="">- 好友的網誌 -</option>
    <option value="cwwany">彎彎</option>
    <option value="illyqueen">女王</option>
    <option value="off60">四小折</option>
    
    <option value="帳號">名稱</option>
    .
    .
    .
</select>

使用效果如下所示:

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


留言列表 (3)

發表留言
  • glay0718
  • 請問是要在哪邊貼上呢?

    您好,可以教我一下是在哪邊貼上這段Javascript呢?
    我在部落格的CSS裡面直接貼上,預覽是看不到的,
    麻煩您了。
  • 你好,請貼在側邊欄位中。

    bshadow 於 2009/04/09 20:23 回覆

  • glay0718
  • 感激不盡,待會兒空閒時間來TRY看看
  • yvonnevpink
  • 嗚好棒
    下拉選單做出來了
    但是點選都不會有視窗跑出來耶....
  • 不好意思我程式有問題
    現在已經改好囉~謝謝指教!

    bshadow 於 2009/05/12 12:22 回覆

您尚未登入,將以訪客身份留言。亦可以上方服務帳號登入留言

請輸入暱稱 ( 最多顯示 6 個中文字元 )

請輸入標題 ( 最多顯示 9 個中文字元 )

請輸入內容 ( 最多 140 個中文字元 )

請輸入左方認證碼:

看不懂,換張圖

請輸入驗證碼

【 X 關閉 】

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

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

立即填寫取消