-
預(yù)覽鼠標(biāo)滑過DIV圖層變換顏色
2012-11-30鼠標(biāo)滑過一個(gè)DIV層，更換層的背景顏色，這個(gè)效果很實(shí)用，也很簡單，其實(shí)直接用CSS就能實(shí)現(xiàn)，不過這里好像用了JavaScript，各有各的好處，自己看需要了。 -
預(yù)覽代碼超少的層展開、關(guān)閉特效
2012-11-30一樣的功能，不一樣的代碼，這段代碼同樣也是實(shí)現(xiàn)點(diǎn)擊打開層的效果，但是她的代碼似乎非常少，而且通過點(diǎn)擊后可關(guān)閉，點(diǎn)擊后不可關(guān)閉，用按鈕激發(fā)三種效果來展示本功能，總有一款適合您。 -
預(yù)覽真正的CSS寬度自適應(yīng)
2012-11-29純CSS實(shí)現(xiàn)真正寬度自適應(yīng)的方法和實(shí)現(xiàn)代碼，從代碼里你絲毫看不出為什么這樣會(huì)自適應(yīng)寬度，這就是本段代碼的微秒之處，希望你認(rèn)真閱讀一下，探個(gè)究竟。答案是inline-block。 -
預(yù)覽幾種常見的DIV邊框樣式
2012-11-29幾種常見的DIV邊框樣式，無邊框、點(diǎn)線式邊框、破折線式邊框、直線式邊框、雙線式邊框、槽線式邊框、脊線式邊框、內(nèi)嵌效果的邊框、突起效果的邊框等。 -
預(yù)覽可自由拖動(dòng)的DIV層方塊
2012-11-29可以自由拖動(dòng)的DIV層窗口，鼠標(biāo)按住廣場的任一地方都可以實(shí)現(xiàn)拖動(dòng)，有一些是按住標(biāo)題部分可拖動(dòng)，似乎這種的拖動(dòng)體驗(yàn)更好一些，不信你就試一下，這里只介紹一種簡單的拖動(dòng)方法，讓你學(xué)會(huì)如何使一個(gè)層實(shí)現(xiàn)拖動(dòng)！ -
預(yù)覽CSS+js實(shí)現(xiàn)的無圖片圓角
2012-11-29CSS+JS實(shí)現(xiàn)的無圖片圓角，使用方法很簡單， 只需一個(gè)js即可設(shè)定圓角樣式，JS本身帶有6種樣式(black/blue/red/green/yellow/pink)，只需在需要的地方用class=樣式定義即可；多個(gè)圓角不需要重復(fù)設(shè)置，在需要的地方用id=corner定義即可；而且代碼的兼容性也非常好。 -
預(yù)覽CSS相對定位實(shí)現(xiàn)DIV層的投影(陰影)效果
2012-11-29CSS使用相對定位技術(shù)實(shí)現(xiàn)DIV層的投影(陰影)效果，立體表格就是這樣 的哦，看上去還不錯(cuò)吧？投影的顏色根據(jù)你表格的顏色適當(dāng)修改一下，會(huì)有更酷的效果出現(xiàn)，試一下吧。 -
預(yù)覽純CSS實(shí)現(xiàn)鏈接提示(學(xué)習(xí)層定位)
2012-11-28用純CSS實(shí)現(xiàn)的鏈接提示效果，實(shí)際上從這段代碼我們最值得學(xué)習(xí)的就是用CSS的定位技術(shù)，如何讓一個(gè)帶有提示文字的層出現(xiàn)在你想要的位置，這往往比較難以控制，特別是對CSS不太懂的朋友更是無從下手，看了這個(gè)實(shí)例相信你會(huì)明白很多! -
預(yù)覽網(wǎng)頁右側(cè)可關(guān)閉的漂浮窗口
2012-11-28這是漂浮在網(wǎng)頁右側(cè)的一個(gè)浮動(dòng)窗口，可以關(guān)閉，從運(yùn)行效果來看，它可以作為漂浮廣告代碼，也可以作一個(gè)右側(cè)菜單，你只需將其演示文字替換掉你的內(nèi)容就可以了，值得一說的是，其實(shí)你可以把演示內(nèi)容替換為一個(gè)IFrame頁面，這樣和代碼分開，互不影響。 -
預(yù)覽Js+Div 層展開與層收起的一個(gè)例子
2012-11-28又一個(gè)用JS控件DIV層的展開與折疊的功能，還帶有點(diǎn)動(dòng)畫效果，可以用到一些軟件介紹、明星介紹之類的，當(dāng)點(diǎn)擊詳細(xì)查看的時(shí)候會(huì)全部顯示出來，優(yōu)酷網(wǎng)有這種類似效果，其實(shí)用起來很簡單，不懂JS想念你也能搞定！ -
預(yù)覽鼠標(biāo)提示層的位置的定位方法
2012-11-28一個(gè)鼠標(biāo)提示效果，僅僅實(shí)現(xiàn)“提示”這一功能非常好辦，難在提示層的位置不好把握，如果使用相對定位，在改變分辨率的情況下錯(cuò)位會(huì)很嚴(yán)重，但若使用絕對定位的話，也是會(huì)出現(xiàn)這樣那樣的問題，雖然這段代碼不能很好的解決這一問題，但至少可以讓更多的情況下都能通用。 -
預(yù)覽某一選項(xiàng)不被激活的滑動(dòng)門(實(shí)用)代碼
2012-11-28某一選項(xiàng)不需被激活的滑動(dòng)門（實(shí)用）代碼，也主濁某一滑動(dòng)門單元可以不滑動(dòng)，而安排另有它用，比如第一個(gè)和第四個(gè)單元就是有其它的用處，第一個(gè)是不能被激活的，顯示的內(nèi)容是固定的，第四個(gè)“更多”是一個(gè)文字鏈接，將用戶指引到其它地方，可以不完成沒去門的功能。 -
預(yù)覽3D立體帶陰影的CSS圓角效果
2012-11-28立體帶陰影的CSS圓角效果，代碼稍嫌多，不過效果很不錯(cuò)，有需要的可拿出自己好好修改一下，這里只能寫成這樣，提供一種思路，每個(gè)人的需求不一樣。 -
預(yù)覽很實(shí)用的多選項(xiàng)卡滑動(dòng)門
2012-11-28一個(gè)簡潔實(shí)用的多選項(xiàng)卡JS類+CSS的應(yīng)用，意思是說在你的網(wǎng)頁上可以布局多個(gè)選項(xiàng)卡菜單，有時(shí)候有些朋友就范難了，不知道在一個(gè)頁面上如何用一個(gè)Javascript去實(shí)現(xiàn)多個(gè)選項(xiàng)卡，本段代碼就是專一向朋友展示這一要點(diǎn)的，因此值得借鑒。 -
預(yù)覽點(diǎn)擊按鈕無刷新彈出登錄窗口的Js
2012-11-28是不是看到有的網(wǎng)站的用戶登錄功能很酷？像騰訊QQ網(wǎng)一樣，點(diǎn)擊登錄按鈕或登錄文字就會(huì)彈出一個(gè)登錄框，而頁面不刷新，登錄完成后自動(dòng)又回到原頁面，本段代碼是實(shí)現(xiàn)了點(diǎn)擊后彈出一個(gè)含有登錄信息的層，登錄功能需要你配合動(dòng)態(tài)頁面完成。 -
預(yù)覽JS彈出基于Table的可關(guān)閉浮動(dòng)層
2012-11-24JS彈出基于Table的可關(guān)閉浮動(dòng)層，可以拖動(dòng)和隱藏，完美替代Alert彈出窗口，顏色和大小都可以重新設(shè)置，非常靈活，而且代碼超少，用時(shí)候可以把JavaScript部分另存為單獨(dú)的JS文件，這樣你的網(wǎng)頁代碼更少了哦。 -
預(yù)覽CSS模擬position:fixed，一邊滾動(dòng)，一邊不滾動(dòng)
2012-11-24純CSS實(shí)現(xiàn)框架一樣的效果，一邊滾動(dòng)、一邊不滾動(dòng)，與position:fixed也很像，在IE7/IE8下完全正常，但沒在火狐及IE6下測試，如果你有條件測試一下。 -
預(yù)覽全兼容網(wǎng)頁固定漂浮的CSS寫法
2012-11-24跨瀏覽器，固定定位漂浮的CSS實(shí)現(xiàn)方法，可能會(huì)比較實(shí)用，兼容火狐、IE6/IE7/IE8,以及其它的瀏覽器，這方法是摸索了很多天研究出來的，代碼并不多，為前端開發(fā)者提供有力參考。 -
預(yù)覽仿淘寶首頁商品分類列表邊框效果
2012-11-24仿淘寶網(wǎng)首頁商品分類列表的邊框效果，先運(yùn)行一下看看是什么效果，新穎之處在于它的拐角邊框，很獨(dú)特，不好的一點(diǎn)是沒有完全使用CSS，中間有的用的是TABLE，代碼有點(diǎn)繁瑣，有點(diǎn)遺憾! -
預(yù)覽一個(gè)簡單左右布局的CSS文字和圖片排版
2012-11-24一個(gè)簡單的CSS文字和圖片排版，左右結(jié)構(gòu)，作為一個(gè)優(yōu)秀的網(wǎng)頁設(shè)計(jì)師和網(wǎng)頁制作人員，我們有必要掌握這種簡單且實(shí)用的CSS文字圖片排版技術(shù)，這對于我們以后布局網(wǎng)頁非常有用處。
- 相關(guān)鏈接：
- 欄目說明：
層和布局：提供了大量與層和布局相關(guān)的內(nèi)容,是您學(xué)習(xí)及查找層和布局的最佳選擇。