Monthly Archives: April 2009
用 jQuery 製作模擬下拉框,改變你的下拉框樣式
傳統的 Select 下拉框因為樣式醜陋且無法隨性更改樣式而遭到了我的鄙夷,相信很多人都有此種觀點。並且在ie6下,下拉框的優先順序大於層,經常導致下拉框顯示在層的上面。但是自從有了 Javascript,這些問題便不再是問題。最近正好在改版一個網站,要修改下拉框的樣式,正好看到 CssRain 已經製作了這麼一個很有用的插件,下面我就教大家怎麼用 jQuery 製作一個模擬下拉框,從而實現對 Select 下拉框樣式的定製。
你們一定想不到我可憐的博客還寄居在國內,並且在嚴查時期還能在不備案的情況下屹立不倒,拼的就是 RP。不過鑒於我可憐的夢遊空間只有 250 MB,所以圖片自然不能棲息於此,所以我都是拿我買的 Bluehost 的空間作為圖床,配上一個專屬的二級域名 imgs.leeiio.me,也算得上是個專業的圖床了。 大大大大前天,不是昨天也不是今天我記不清是哪一天了,慘劇發生了。所有的圖片都不顯示了,打開圖床網站一看,頁面上出現了以下的文字提示: This Account Has Been Suspended Please contact the support department as soon as possible, and please have your site name ready.
擁抱 CSS 裸奔節,用 JavaScript 強制脫衣
因為我的博客很多時候都是處在調試中的,並且很多插件諸如 Simple Tags 是直接在標籤里給元素加上 CSS 的,所以如果想要「裸奔」光是去除 .css 文件是遠遠不夠的,那麼有沒有一種強制的方法呢?我昨晚就在想這樣一種方法。於是被我想到了。也就是本文介紹如何 「強制脫衣」 ,也就是教你如何強制去除網站的 CSS !
實現原理:眾所周知,CSS 調用有三種方法,一種是 link 方式,一種是 <style></style> 包裹方式,最後一種就是直接且暴力的 style=”” 方式,通過 Javascript 代碼,強制禁用 type=”text/css” 的 link 或者 讓 link 鏈接 css 的 href=”” 為空,且讓 <style></style>
被清除或者禁用,且讓 style=”” 為空 或者去除。 Continue reading
CSS 改變選取文字的顏色(CSS3 – 目前 Firefox/Safari only)
無疑在這個技術迅猛發展的現在,css2 已經顯得何其單薄,css3 草案出來後,無疑將為 web 設計帶來更多新奇的效果。選取文字顏色的改變就是 css3 中的一項規範。雖然出來得比較早了,但是鑒於還有很多人不知曉,所以我寫出來分享給大家。
一張圖片實現的 css 圓角滑動門導航菜單
css 滑動門樣式我想應該是個陳穀子爛芝麻的問題了,我之前一直使用的兩張圖片的方式進行處理的,後來偷懶,用一些瀏覽器的私有屬性進行的直接圓角的方式,前者需要切圖比較麻煩,後者通不過 W3C 驗證。思索了一下,找到了一個只用一張圖片實現的 css 圓角滑動門的方法。僅供存檔以及學習筆記,高手可以繞行了,感興趣的請繼續閱讀下去。
升級版!Cookies 記錄你的 WordPress 側邊欄關閉/顯示的狀態
之前寫過的《關閉/顯示你的 WordPress 側邊欄,享受閱讀快感》,當時並沒有考慮到 Cookies 記錄狀態欄被改變後的狀態問題,實在是我的不專業。總不能讓用戶不厭其煩的點擊關閉/顯示側邊欄吧。體驗很不好!所以抽空對其進行了修改,讓其可以根據 Cookies 來記錄你的 WordPress 側邊欄的狀態是關閉的還是顯示的。