用 jQuery 製作模擬下拉框,改變你的下拉框樣式

用 jQuery 製作模擬下拉框
傳統的 Select 下拉框因為樣式醜陋且無法隨性更改樣式而遭到了我的鄙夷,相信很多人都有此種觀點。並且在ie6下,下拉框的優先順序大於層,經常導致下拉框顯示在層的上面。但是自從有了 Javascript,這些問題便不再是問題。最近正好在改版一個網站,要修改下拉框的樣式,正好看到 CssRain 已經製作了這麼一個很有用的插件,下面我就教大家怎麼用 jQuery 製作一個模擬下拉框,從而實現對 Select 下拉框樣式的定製。

25 Responses to 用 jQuery 製作模擬下拉框,改變你的下拉框樣式

  1. Showfom says:

    沙發是我的吧!

  2. welee says:

    這個非常實用呢!!

  3. welee says:

    發現當所選項目太長時會超出搜索框

  4. xiaorsz says:

    我的留言哩?

  5. yinheli says:

    哈哈.我是來下demo的.以後用的上 :mrgreen:

  6. Leeiio says:

    @Showfom 速度真快!
    @welee 呃,搜索框的樣式就不要苛刻要求我了哈,我這裡只提供製作下拉框的方法。
    @xiaorsz 啥子?
    @yinheli 本博客不會倒閉,歡迎日後使用搜索功能~

  7. yinheli says:

    @Leeiio
    看來我說錯話了….(- -!)

  8. Showfom says:

    @Leeiio
    博客放在國外確實不好,今天我的國外的主機抽風了,鬱悶!

  9. xiaorsz says:

    我剛留言了,可發表了卻沒看見,詭異了,呵呵!!

  10. 吖Bee says:

    我是來收藏的~~哈哈

  11. cssrain says:

    只是提供原理, 樣式的問題,可能要自己修改。
    謝謝leeiio。

  12. Leeiio says:

    @yinheli
    哈哈,言重了。
    @Showfom
    國外也又國外的好啊,國外不用備案。
    @xiaorsz
    呃,沒準數據庫那時候腦殘了。
    @cssrain
    是我謝謝你的插件哈。

  13. Showfom says:

    @Leeiio
    關鍵是,我05年就備案的……哎

  14. eddie says:

    不錯 日後需要用到我會想到leeiio的 😀

  15. Lorz says:

    「繼續在這片熱土上插上你的小紅花吧…」

  16. Arcthur says:

    相當有用的功能,以後會用到吧~

  17. 吖Bee says:

    失蹤啦~~這麼久不露面~

  18. 吖Bee says:

    這麼久還不露面?

    五一節快樂啦~

  19. Leeiio says:

    @吖Bee
    哈哈,五一快樂!最近忙得很~

  20. Pingback: RSSA頻道 » Blog Archive » 桌面便簽小軟體ATnotes – 提醒你勿忘臨時小需求!

  21. feihongly says:

    CSSrain的那個插件問題不少,所以最後我自己寫了個。。。。

  22. Leeiio says:

    @feihongly
    呵呵 我也準備自己寫一個

  23. 香樟樹 says:

    不錯,收下了,呵呵

Leave a Reply to eddie Cancel reply

Your email address will not be published. Required fields are marked *