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