-
預(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í)及查找層和布局的最佳選擇。