-
預(yù)覽未知圖片高度的CSS水平、垂直居中
2012-11-16這是個(gè)比較實(shí)用的CSS技巧，未知圖片高度和寬度實(shí)現(xiàn)其在指定區(qū)域內(nèi)的水平、垂直居中，這里要注意有JavaScript的全局定義：Firefox/Opera，不過(guò)看上去效果真的挺理想，這在以后我們布局網(wǎng)頁(yè)很有用的。 -
預(yù)覽簡(jiǎn)潔滑動(dòng)門(mén)(Tab)
2012-11-16一個(gè)超簡(jiǎn)潔的JS滑動(dòng)門(mén)Tab，用較少的代碼實(shí)現(xiàn)了實(shí)用的功能，你可以把此當(dāng)作一個(gè)制作滑動(dòng)門(mén)的教程，其實(shí)萬(wàn)變不離其蹤，幾乎所有的滑動(dòng)門(mén)及TAB都是這樣實(shí)現(xiàn)的。 -
預(yù)覽點(diǎn)擊圖片后將地址寫(xiě)入到Input文本框
2012-11-16比較實(shí)用的一個(gè)CSS+Js實(shí)現(xiàn)技巧，點(diǎn)擊圖片后將圖片地址寫(xiě)入到Input文本框中。 -
預(yù)覽CSS圓角有立體感的DIV邊框
2012-11-15CSS制作圓角有立體感的DIV邊框，沒(méi)有使用任何的修飾圖片哦，感覺(jué)酷棒，如果對(duì)顏色不滿意，可以自己改，不過(guò)要注意顏色之間的色差，要不然效果不理想。其實(shí)不用圖片的話網(wǎng)頁(yè)加載非�？欤贿^(guò)CSs定義略顯麻煩些。 -
預(yù)覽最簡(jiǎn)單的打開(kāi)、關(guān)閉層代碼
2012-11-15最簡(jiǎn)單的打開(kāi)一個(gè)層、關(guān)閉一個(gè)層的代碼，比如登錄的時(shí)候就可以用這個(gè)效果，會(huì)在當(dāng)前頁(yè)顯示原有被隱藏的層，當(dāng)然也可以關(guān)閉哦。 -
預(yù)覽一行三列自適應(yīng)的CSS列表布局
2012-11-15一行三列自適應(yīng)寬度的CSS列表布局，也說(shuō)是常用的包含標(biāo)題、時(shí)間、或作者的三列布局，也是CSS新手們布局中問(wèn)的比較多的問(wèn)題，本代碼段可以為你提供一個(gè)不錯(cuò)的參考，縮小瀏覽器窗口，它為自動(dòng)適應(yīng)變化。 -
預(yù)覽Alert 效果(Js+CSs模擬)
2012-11-15JavaScript+CSS仿Alert提示效果，點(diǎn)擊鏈接后背景變黑，彈出一個(gè)提示層，當(dāng)然也可以關(guān)閉，關(guān)閉后網(wǎng)頁(yè)恢復(fù)正常顏色，為了符合WEB標(biāo)準(zhǔn)，提升網(wǎng)頁(yè)瀏覽體驗(yàn)，目前大部分網(wǎng)站都已經(jīng)拋棄了Alert，直接換為這種，而且還靈活，提示的內(nèi)容可以自己定義，方便多了。 -
預(yù)覽純CSS無(wú)圖實(shí)現(xiàn)DIV邊框平滑陰影
2012-11-15純CSS無(wú)圖實(shí)現(xiàn)DIV邊框平滑陰影，利用1像素的原理而制作的陰影效果，讓每個(gè)嵌套的DIV CLASS元素向外延伸一像素，顏色遞減，這樣就實(shí)現(xiàn)了陰影效果，而且效果不錯(cuò)。 -
預(yù)覽QQ在線客服代碼
2012-11-15功能不錯(cuò)的QQ在線客服代碼，打開(kāi)網(wǎng)頁(yè)后懸停在網(wǎng)頁(yè)右側(cè)，不少的IDC網(wǎng)站有這種效果，它可以把您的QQ客服分門(mén)別類(lèi)，讓用戶更能找到他需要的客服，可能比較實(shí)用。 -
預(yù)覽Js淡入淡出——DIV層透明的Fade效果
2012-11-15JavaScript 控制DIV層實(shí)現(xiàn)淡入淡出效果，層最開(kāi)始是完全 不透明的，慢慢的就會(huì)降低透明度，直到消失，本特效適合整合到其它的腳本中，完成一個(gè)基礎(chǔ)功能。 -
預(yù)覽很棒的打開(kāi)、關(guān)閉拖動(dòng)層特效
2012-11-15非常好的打開(kāi)、關(guān)閉拖動(dòng)層特效，也是現(xiàn)在WEB2.0常用到的功能，可以用作程序執(zhí)行提示等，界面友好，代碼精簡(jiǎn)，感覺(jué)不錯(cuò)。 -
預(yù)覽精美CSS文章列表含標(biāo)號(hào)、時(shí)間顯示
2012-11-15一個(gè)設(shè)計(jì)精美的含標(biāo)號(hào)、時(shí)間的CSS文章列表，前端布局標(biāo)號(hào)，后端緊跟時(shí)間，標(biāo)題過(guò)長(zhǎng)的時(shí)候自動(dòng)截?cái)�，以保證整體的美觀，這種列表很常用，建議收藏。 -
預(yù)覽Ajax加載外部頁(yè)面的一個(gè)彈出層效果
2012-11-14Ajax加載外部頁(yè)面的一個(gè)彈出層效果，請(qǐng)注意本實(shí)例不能跨域讀取文件，文件必須在同一根目錄下，如果需加載的文件過(guò)大或數(shù)據(jù)過(guò)多，可能加載的時(shí)間相對(duì)較長(zhǎng)，為了避免亂碼，外部文件請(qǐng)使用utf-8編碼，否則中文可能亂碼。 -
預(yù)覽CSS使用overflow隱藏超出范圍的內(nèi)容
2012-11-14CSS使用overflow隱藏超出范圍的內(nèi)容，這是一個(gè)經(jīng)典的CSS好示例，大家在WEB設(shè)計(jì)的時(shí)候都會(huì)遇到的問(wèn)題，CSS給我們提供了多種解決方案，使用text-overflow, overflow, white-space等，可以完美控制字符的溢出或超出現(xiàn)象。 -
預(yù)覽類(lèi)似新浪郵箱的JS提示窗口
2012-11-14模仿的新浪郵箱里的提示窗口，因?yàn)槊阑饋?lái)太麻煩了，本人美工不行，只是為了練手才寫(xiě)，它分為有自定義的按鈕以及無(wú)自定義的按鈕，功能模擬差不多都實(shí)現(xiàn)了，希望學(xué)習(xí)JS的朋友一起切磋。 -
預(yù)覽用CSS設(shè)計(jì)類(lèi)似條狀統(tǒng)計(jì)表效果
2012-11-14用CSS設(shè)計(jì)類(lèi)似條狀統(tǒng)計(jì)表效果，基于CSS實(shí)現(xiàn)，這里要注意一下，實(shí)際顯示在柱狀圖上的數(shù)字要和CSS代碼里的一致，否則會(huì)感覺(jué)數(shù)據(jù)有點(diǎn)亂，正因?yàn)檫@種設(shè)計(jì)思路，決定這款代友實(shí)用度不太高，只是可以用來(lái)學(xué)習(xí)CSS的百分比布局方法。 -
預(yù)覽JS帶緩沖效果打開(kāi)、關(guān)閉、移動(dòng)一個(gè)層
2012-11-14JavaScript帶緩沖效果打開(kāi)關(guān)閉一個(gè)層，很牛的效果，有緩沖的作用會(huì)看上去更人性一點(diǎn)，符合人的視覺(jué)感受，會(huì)對(duì)你的網(wǎng)頁(yè)產(chǎn)生好感，試試吧，把它應(yīng)用到你的項(xiàng)目中，相必會(huì)不錯(cuò)的。 -
預(yù)覽CSS+JavaScript經(jīng)典版折疊、合攏的三級(jí)菜單
2012-11-13CSS+JavaScript經(jīng)典版折疊、合攏的三級(jí)菜單，這個(gè)菜單還是值得研究一下的，一共可展開(kāi)三級(jí)，最里面一級(jí)用滾動(dòng)條來(lái)顯示菜單內(nèi)容，整個(gè)菜單豎直風(fēng)格，放到網(wǎng)頁(yè)的左側(cè)或當(dāng)作后臺(tái)管理菜單的模塊貌似還不錯(cuò)。 -
預(yù)覽CSS直方圖布局示例
2012-11-13利用CSS布局一個(gè)直方圖，可能比較實(shí)用，主要是考驗(yàn)使用CSS布局的能力，看看效果吧。 -
預(yù)覽改變單元格的內(nèi)容
2012-11-13改變單元格的內(nèi)容
- 相關(guān)鏈接：
- 欄目說(shuō)明：
層和布局：提供了大量與層和布局相關(guān)的內(nèi)容,是您學(xué)習(xí)及查找層和布局的最佳選擇。