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