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