-
預(yù)覽CSS利用1像素空缺實(shí)現(xiàn)圓角效果
2012-12-09CSS利用1像素空缺實(shí)現(xiàn)圓角效果，雖然和真正的圓角有一些細(xì)小的差別，但畢竟是用純CSS代碼實(shí)現(xiàn)的，執(zhí)行效率高，沒有用到圖像資源，而且擴(kuò)展性好，代碼復(fù)用性高，演示中包括一個(gè)列表和一個(gè)DIV區(qū)域。 -
預(yù)覽CSS給層加上陰影效果
2012-12-09很不錯(cuò)的CSS陰影效果，界面像系統(tǒng)的提示一樣。用CSS給一個(gè)DIV層加上陰影的效果，原理是運(yùn)用兩個(gè)層的相對(duì)位置偏移而實(shí)現(xiàn)，陰影的寬度和顏色深淺這個(gè)值由你決定，代碼簡潔、擴(kuò)展性好。 -
預(yù)覽一行三列寬度自適合的CSS代碼
2012-12-09CSS一行三列，采用相對(duì)寬度，自適應(yīng)瀏覽器大小，你可以在查看效果時(shí)雙擊IE標(biāo)題欄讓窗口變小查看效果，每一行的寬度你會(huì)看到隨之變校 -
預(yù)覽CSS+JS實(shí)現(xiàn)點(diǎn)擊文字彈出定時(shí)自動(dòng)關(guān)閉的DIV層菜單
2012-12-09用CSS+JS實(shí)現(xiàn)的點(diǎn)擊文字后動(dòng)畫展開一個(gè)DIV層菜單，到期會(huì)自動(dòng)關(guān)閉，CSS結(jié)合JS實(shí)現(xiàn)的效果。 -
預(yù)覽讓Div層上下左右都居中的方法
2012-12-09讓一個(gè)DIV層上下左右都居中，不但可以上下自動(dòng)垂直居中，還可以左右水平居中，絕對(duì)管用，其實(shí)奧妙在于用CSS的expression屬性，這牽扯到CSS的高級(jí)應(yīng)用，如果看不懂就不要看了，直接復(fù)制就用吧。 -
預(yù)覽純CSS鼠標(biāo)懸停提示
2012-12-09比較漂亮的鼠標(biāo)懸停提示效果，用純CSS代碼實(shí)現(xiàn)，鼠標(biāo)放到圖片上會(huì)顯示一個(gè)層，也就是懸停時(shí)的提示，在這個(gè)提示框內(nèi)你還可以加入圖片或是一個(gè)列表，這就靠你的發(fā)揮了，提示框的背景顏色和文字顏色你都可以自己調(diào)。 -
預(yù)覽CSS三行兩列
2012-12-09CSS三行兩列的布局，非常實(shí)用，其左右高度自適應(yīng)，背景可選，寬度根據(jù)你網(wǎng)頁的實(shí)際需求自己修改一下。解決CSS新手在網(wǎng)頁布局方面的實(shí)際問題。 -
預(yù)覽Js層拖動(dòng)/拖放代碼
2012-12-07這個(gè)很不錯(cuò)，利用JS拖動(dòng)一個(gè)DIV層，代碼很有修改，和以往的拖放都有點(diǎn)不一樣，研究一下吧。 -
預(yù)覽非常酷的拖動(dòng)分頁(JS+CSS)
2012-12-07非常酷的JS+CSS拖動(dòng)分頁功能，無縫循環(huán)分頁，拖動(dòng)鼠標(biāo)即可完成分頁，鼠標(biāo)向左拖動(dòng)回到前一頁，向右拖動(dòng)則翻開第二頁，還帶有動(dòng)畫特效，著實(shí)很不錯(cuò)，界面黑色，非主流風(fēng)格，相信很多人會(huì)喜歡的。 -
預(yù)覽CSS 一行三列(中間自適應(yīng))
2012-12-07CSS 一行三列的布局，中間列自動(dòng)適應(yīng)寬度，用到時(shí)候要根據(jù)你的實(shí)際網(wǎng)頁長寬細(xì)心調(diào)整一下，有時(shí)候中間列和左右兩列會(huì)出現(xiàn)空白的現(xiàn)象，著鍵點(diǎn)在中間列的布局。 -
預(yù)覽一個(gè)帶陰影的JavaScript層拖動(dòng)窗口代碼
2012-12-07很實(shí)用、漂亮的層拖動(dòng)窗口代碼，基于JavaScript實(shí)現(xiàn)，也是現(xiàn)在比較流行的網(wǎng)頁特效功能，帶陰影效果，看上去真的不錯(cuò)。 -
預(yù)覽隱藏菜單，在網(wǎng)頁任意處點(diǎn)左鍵就會(huì)彈出
2012-12-07又一隱藏菜單，在網(wǎng)頁的任意處點(diǎn)擊左鍵就會(huì)彈出來，實(shí)際上是用JS控制DIV層的顯示，DIV層內(nèi)嵌套的是一個(gè)表格，表格里放菜單，這樣修改方便，不會(huì)CSS也沒關(guān)系，你可以把它復(fù)制下來，用DW打開重新修改一下菜單樣式，換成你自己喜歡的色彩！ -
預(yù)覽可拖動(dòng)變色并關(guān)閉的層窗口
2012-12-07一款CSS層拖動(dòng)代碼，不同的是它在拖動(dòng)的時(shí)候窗口會(huì)變色，使操作體驗(yàn)更好一些，你可以運(yùn)行代碼查看效果。它還可以顯示/隱藏或關(guān)閉打開的效果，沒事的時(shí)候推敲一下。 -
預(yù)覽點(diǎn)擊按鈕，彈出一個(gè)可關(guān)閉的層窗口，網(wǎng)頁背景變灰
2012-12-07點(diǎn)擊按鈕后，彈出一個(gè)可關(guān)閉的層窗口，隨之網(wǎng)頁背景變灰，在QQ網(wǎng)站上經(jīng)常會(huì)看到QQ登錄的效果，就和這個(gè)很類似，代碼段基于JavaScript，根據(jù)你的情況使用，有時(shí)候是用CSS完成的這種功能。 -
預(yù)覽CSS高度自適應(yīng)
2012-12-07這是一個(gè)非常實(shí)用的CSS布局實(shí)例，用CSS控制左右兩列高度自適應(yīng)，左邊和右邊都可以自動(dòng)適應(yīng)，經(jīng)常用CSS布局網(wǎng)頁的朋友，一定要看下，相信對(duì)你有幫助。 -
預(yù)覽CSS+JS可伸縮展開的文章列表
2012-12-06一款可以伸縮、展開的文章/新聞列表，也可以把它作為一個(gè)帶欄目說明的導(dǎo)航菜單，暖色調(diào)風(fēng)格，偶比較喜歡的一種風(fēng)格，CSS+JS兩者結(jié)合完成的。 -
預(yù)覽CSS布局日期右對(duì)齊的新聞/文章列表
2012-12-06用CSS布局一個(gè)帶日期的文章或新聞列表，時(shí)間顯示在每一行的右邊，也就是右對(duì)齊，布局時(shí)要注意，用于控制時(shí)間居右顯示的span標(biāo)簽一定要放在前面，要不然會(huì)產(chǎn)生換行，適得其反。 -
預(yù)覽DIV層的展開與折疊
2012-12-06CSS+JavaScript實(shí)現(xiàn)一個(gè)DIV層的展開與折疊，代碼很實(shí)用，風(fēng)格樣式自己修改一下，可以控制多個(gè)DIV層。 -
預(yù)覽聊天窗口，一個(gè)模擬展開層、拖動(dòng)層、關(guān)閉層的JavaScript
2012-12-06用JavaScript實(shí)現(xiàn)的仿QQ聊天窗口，可以展開層、拖動(dòng)層、關(guān)閉層，還可以簡單發(fā)消息，很不錯(cuò)吧，而且代碼也不多，適合新手研究，也比較實(shí)用，你可以在此基礎(chǔ)上擴(kuò)展很多JS+CSS應(yīng)用。 -
預(yù)覽仿QQ的點(diǎn)擊鏈接彈出提示層的效果
2012-12-06QQ超級(jí)旋風(fēng)下載的鏈接提示特效，點(diǎn)擊鏈接會(huì)彈出一個(gè)圖文混排的提示層，里面可以是文字可以是表格，可以是圖片，比較靈活，點(diǎn)擊后可以關(guān)閉，鼠標(biāo)單擊網(wǎng)頁空白處，同樣可以關(guān)閉，很不錯(cuò)了。
- 相關(guān)鏈接：
- 欄目說明：
層和布局：提供了大量與層和布局相關(guān)的內(nèi)容,是您學(xué)習(xí)及查找層和布局的最佳選擇。