- 2012-12-06
用CSS控制中英文字符強制換行并兩端對齊,有效避免DIV的內容超出范圍而改變網頁布局,強制換行的功能很實用。
- 2012-12-05
CSS水平且垂直居中的代碼,完全兼容ie6、ie7、火狐、opera等常用瀏覽器類型,方框中的LOGO可以在DIV窗口內分別水平、垂直居中,代碼也不是太復雜,因此很有參考價值,使用時根據你的網頁大小可更改holder的height、width參數。
- 2012-12-05
總算實現了CSS的圖片居中問題,不過擴展性不太好,希望更高手的朋友繼續完善一下,因為這個好像調試改變的時候,圖片還會出現不居中的問題,不過其中的方法也許你應該了解一下。
- 2012-12-05
這是一個用Table+CSS實現的TAB選項卡,對于一些對CSS不熟悉的朋友比較好用,你可以在表格中加入你想要的內容,也不受標準CSS語法的影響,總體不錯。
- 2012-12-05
JS+CSS實現的自適應高度,看上去不錯,以前都是用純CSS實現,感覺再怎么做都是不太理想,想必配合JS估計能得到另人滿意的效果,點擊運行代碼看一下?應該是完全自適應了高度,不論你瀏覽器多大,它都會跟著變化!
- 2012-12-05
很漂亮的CSS邊框折角效果,用到了一個圖片,就是用CSS去定義邊框某個角的背景圖片,給你的網頁增添一點個性功能,不錯吧?其實你可以試著下邊框都使用折角,這樣就對稱了,更好看。
- 2012-12-05
仿騰訊蓋樓爬墻新聞評論的CSS實現,如果不明白是什么意思,趕緊運行一下看看效果,立馬就明白了。現在新浪、網易的評論系統基本都是這樣,看上去很有趣,而且結構清淅,代碼簡潔,各位站長的網站也可以采用這種效果用作評論哦。
- 2012-12-05
利用CSS代碼,固定一個DIV層及層內的文字垂直居中的效果,這里用到了CSS的百分比絕對定位,與外補丁負值的方法,負值的大小為其自身寬度高度除以二。在應用到你的網頁布局的時候,要根據你要布局的大小使用此方法計算一下,這里只是一種演示方法,學會了就可以靈活運用。
- 2012-12-05
一個簡單的層切換效果,類似圖片切換特效一樣,實際上和層與圖片是沒有關系的,只不過是JS用隨機函數生成的效果,然后替換到層里,用這個你可以自己做出一個圖片切換來。
- 2012-12-04
這是用CSS配合JavaSCript實現折圓角效果,沒有用到圖片,因此用的人非常多,具備多種不同的顏色風格,可以在一個頁面上布局多個這樣的圓角Table,不管您是想學習或是想使用,都很有參考價值哦。
- 2012-12-04
這個拖動實例很不錯,可以自動保存拖動位置,利用COOKIES技術,刷新頁面不會恢復原樣,可以記錄用戶的拖動操作,而且在拖動時候會根據鼠標位置自動尋找適合自己的目標位置,并自動吸附,如果你正在為此而犯愁,本段代碼可以給你一個很好的參考。
- 2012-12-04
登錄切換的選項卡,也就是用戶可以自己選擇自己的用戶類型,像一個TAB選項卡一樣的切換,效果比較不錯。
- 2012-12-04
一個很常用的網頁布局,使用CSS將網頁分為上中下三行三列的Div布局,這是一個基本的雛形,剛開始學CSS布局的朋友,這對你很有幫助,使用非常簡單的代碼教會你如何使用CSS的DIV去布局網頁,讓你慢慢從TABLE過度到DIV。
- 2012-12-04
CSS+JS控制一個層的展開和關閉,帶緩沖動畫效果,代碼段含有兩個示例,一個是固定高度展開,一個是根據內容的高度自動展開,比較實用。
- 2012-12-04
用CSS控制文字顯示在一條線的中間,常見于網站首頁的各個版塊導航處,給人的感覺是結構更清淅,這是一段實現這種功能的CSS代碼,舉一返三,你可以把它用到其它地方。
- 2012-12-04
一個絕對值得收藏的多列高度自適應代碼,完全用純CSS代碼實現,我們在用CSS布局網頁的時候經常會碰到這種問題,相信這個CSS代碼段定會幫上你的大忙,要仔細研究一下CSS代碼究竟有什么不同,多列自動高度的代碼在哪里呢?
- 2012-12-04
百度登錄的層彈出窗口特效,貌似代碼有點亂,偶沒有看懂,注釋太少了,不過效果不錯,互聯網老大的東西,應該不錯,正在學習這方面的朋友可以作為學習參考吧!
- 2012-12-04
在不定DIV寬度的情況下,讓隸屬于DIV的UL、LI列表元素自動水平居中,兼容IE瀏覽器,不知道在火狐下是什么樣子,有朋友用的話可以幫忙測試一下,應該沒有問題。
- 2012-12-04
JavaScript用最精簡代碼實現的網頁層拖動特效,實際上你可以定義多個這樣的DIV層,只不過換下ID,調用這一拖動函數就可以了,據觀察,這段代碼是實現網頁IDV拖動最精簡的代碼。
- 2012-12-03
基于層的網頁彈出提示,可移動,網頁變灰,可關閉。而且還是動畫打開,超不錯的,CSS高手們可以繼續再美化一下彈出效果,那就更完美了。