-
預(yù)覽不用CSS實現(xiàn)的圓角表格邊框
2012-12-16一個沒有用CSS實現(xiàn)的圓角表格，實現(xiàn)方法稍嫌麻煩，可以幫你開拓一下思路，基本上沒有用CSS，因此從這方面來說本代碼不很實用。但看去卻很美！ -
預(yù)覽JavaScript實現(xiàn)表格排序特效
2012-12-15基于JS的表格排序特效，可以根據(jù)表格內(nèi)的數(shù)據(jù)大小自動按順序排列，股票網(wǎng)站常會見到這種功能。 -
預(yù)覽CSS讓同一行文字和輸入框?qū)R
2012-12-14大家都知道有時候一個文本輸入框和一段文字在同一行上顯示，然而它們總不是垂直居中，看上去不美觀，這段CSS代碼就是解決這一問題的，上邊一行是沒有定義，下邊一行是定義過的，可以看出有明顯的差別。 -
預(yù)覽最精簡的JavaScript鼠標(biāo)拖動代碼
2012-12-14相對于其它的鼠標(biāo)拖動效果，這款拖動特效還是比較精簡的，而且它還支持鼠標(biāo)吸附，不按鼠標(biāo)左鍵它也可以會跟隨鼠標(biāo)移動；定義時候也相對方便，只用指定被拖動的DIV ID就可以了，擴展性很好。 -
預(yù)覽點擊后頁面變灰色，并彈出透明浮動層的JavaScript
2012-12-14點擊后頁面變灰色，并用JS彈出一個居中的浮動層提示窗口，這個窗口是透明的，可以設(shè)置透明度，網(wǎng)上已經(jīng)有很多類似的JavaScript代碼，你可以借鑒一下。 -
預(yù)覽用純JS實現(xiàn)iFrame框架分欄顯示效果
2012-12-14用純JS實現(xiàn)iFrame框架分欄顯示效果，顯示效果可控，和IFRAME框架的功能幾乎一模一樣，這是用純JavaScript實現(xiàn)的，有興趣的朋友可以借鑒一下。 -
預(yù)覽用CSS實現(xiàn)一段文字自動底部對齊并隨頁面滾動
2012-12-14這個代碼很不錯，可以讓一個層對象或表格對象或一段文字顯示在瀏覽器的最底部，而且不論你的滾動條拖在哪里，它都找到自己的位置，永遠呆在最下邊。 -
預(yù)覽層收縮/展開的代碼
2012-12-14一個層伸縮與展開的特效代碼，帶有點動畫效果，緩慢展開，DIV+JS聯(lián)合打造，看上去還不錯。不受內(nèi)容約束，收縮與展開的速度是可以控制的，高度、循環(huán)時間也可以改。 -
預(yù)覽JS實現(xiàn)表格拖動的代碼
2012-12-14JS實現(xiàn)的表格拖動的實例代碼，類似于層拖動，按住鼠標(biāo)不放就可以拖動相應(yīng)的表格，這里僅是一個示例，表格可能并不美觀，你可以繼續(xù)美化一下。 -
預(yù)覽CSS隔行換色代碼
2012-12-14用CSS控制LI表格行隔行換色代碼，這是用到了JS，用JS的目的是為了使LI元素可以無限擴展下去，隔行換色的效果不會受到影響，也有不用JS配合的，但必須是指定行，也就是說如果行不確定，不用JS控制的話，那么超出指定行以外的將會失效。 -
預(yù)覽CSS垂直水平都居中
2012-12-12CSS居中一直都很讓人頭疼，再加上各種瀏覽器之間互相不合，搞的WEB前端設(shè)計人員焦頭爛額。這個示例就教你用最簡單的方法實現(xiàn)兼容性好的CSS垂直和水平都居中。這里簡單說下方法，主要是解釋一下margin:-94px 0 0 -280px，因為我們定義了寬度為560，因此這里的-280px也就是定義寬度的一半再少一點點，那么-94也就是高度的一半，知道了這個方法，以后會對你很有幫助。 -
預(yù)覽CSS數(shù)字列表的使用
2012-12-10另類的CSS列表標(biāo)號技巧示例，實際上純粹的這種效果沒有什么實用價值，不過如果你將標(biāo)號改為圖片就大大有用了，呵，這也就成了很多網(wǎng)站都在用的圖文導(dǎo)航，可以作為首頁每個欄目的導(dǎo)航，有圖片，有文字，整齊美觀。 -
預(yù)覽讓網(wǎng)頁左右反轉(zhuǎn)的JS代碼
2012-12-10讓網(wǎng)頁左右反轉(zhuǎn)的JS代碼，也就是讓網(wǎng)頁倒過來顯示，是不是很有趣。實際上是用了progid:DXImageTransform.Microsoft.BasicImage濾鏡，你還可以設(shè)置放置角度呢，哈哈，不要惡搞哦…… -
預(yù)覽仿QQ窗口抖動的JavaScript代碼
2012-12-10很不借的抖動特效，仿QQ聊天窗口的抖動效果，這里是用JavaScript代碼實現(xiàn)，在配上這個假聊天窗口，沒想到竟然和QQ的抖動效果還真相似，挺逗人。 -
預(yù)覽點擊文字用JavaScript切換登錄窗口
2012-12-10動畫切換層窗口的特效，點擊不同的登錄用戶會切換到不同的登錄窗口，窗口內(nèi)的內(nèi)容可以是不一樣的，比較使用的一款代碼。 -
預(yù)覽VML+CSS圓角邊框
2012-12-10VML+CSS實現(xiàn)的圓角邊框效果，用VML寫出的代碼很簡潔，這也是VML技術(shù)發(fā)展勢頭比較好的原因，這是一個圓角表格邊框的示例，用VML還能寫出很多令你吃驚的效果。 -
預(yù)覽CSS布局：DIV寬度自適應(yīng)
2012-12-10經(jīng)常布局網(wǎng)頁，什么情況都會碰到，比如這多個DIV寬度自適應(yīng)，也就是做液態(tài)布局，具體要用到“負(fù)值外補侗法（negative margins）。本示例如果你搞懂，你可以解決大多布局問題，這是總一行三列的布局，中間列分三行，其中中間列的中間行是自適應(yīng)的，你可以運行看下效果。 -
預(yù)覽DIV層拖動的JavaScript
2012-12-10無刷新添加一個新的DIV層，并可實現(xiàn)的該層的拖動，鼠標(biāo)拖動層可移動位置，將JS部分另存為一個新文件，用到的時候從外部引入，這個拖動層代碼很流行，GG和YAHOO等大網(wǎng)站經(jīng)常可以看到這種效果。 -
預(yù)覽連續(xù)字符的CSS換行代碼
2012-12-10連續(xù)字符的CSS換行，主要用到CSS的word-break屬性，為其添加:break-all參數(shù)，這樣的話字符會適應(yīng)規(guī)定的寬度而自動換行，實際上這就是CSS的強制換行功能。 -
預(yù)覽超清爽的幾款CSS網(wǎng)頁配色方案
2012-12-09超級漂亮的幾款清新、常用的網(wǎng)頁布局配色實例，有淺藍、紅、黃、銀、灰等各式各樣的顏色，如果你找不到你如何搭配網(wǎng)頁顏色的辦法，那么這幾款方案相信一定有你滿意的。
- 相關(guān)鏈接：
- 欄目說明：
層和布局：提供了大量與層和布局相關(guān)的內(nèi)容,是您學(xué)習(xí)及查找層和布局的最佳選擇。