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