- 2012-11-16
這是個比較實用的CSS技巧,未知圖片高度和寬度實現(xiàn)其在指定區(qū)域內的水平、垂直居中,這里要注意有JavaScript的全局定義:Firefox/Opera,不過看上去效果真的挺理想,這在以后我們布局網頁很有用的。
- 2012-11-16
一個超簡潔的JS滑動門Tab,用較少的代碼實現(xiàn)了實用的功能,你可以把此當作一個制作滑動門的教程,其實萬變不離其蹤,幾乎所有的滑動門及TAB都是這樣實現(xiàn)的。
- 2012-11-16
比較實用的一個CSS+Js實現(xiàn)技巧,點擊圖片后將圖片地址寫入到Input文本框中。
- 2012-11-15
CSS制作圓角有立體感的DIV邊框,沒有使用任何的修飾圖片哦,感覺酷棒,如果對顏色不滿意,可以自己改,不過要注意顏色之間的色差,要不然效果不理想。其實不用圖片的話網頁加載非常快,不過CSs定義略顯麻煩些。
- 2012-11-15
最簡單的打開一個層、關閉一個層的代碼,比如登錄的時候就可以用這個效果,會在當前頁顯示原有被隱藏的層,當然也可以關閉哦。
- 2012-11-15
一行三列自適應寬度的CSS列表布局,也說是常用的包含標題、時間、或作者的三列布局,也是CSS新手們布局中問的比較多的問題,本代碼段可以為你提供一個不錯的參考,縮小瀏覽器窗口,它為自動適應變化。
- 2012-11-15
JavaScript+CSS仿Alert提示效果,點擊鏈接后背景變黑,彈出一個提示層,當然也可以關閉,關閉后網頁恢復正常顏色,為了符合WEB標準,提升網頁瀏覽體驗,目前大部分網站都已經拋棄了Alert,直接換為這種,而且還靈活,提示的內容可以自己定義,方便多了。
- 2012-11-15
純CSS無圖實現(xiàn)DIV邊框平滑陰影,利用1像素的原理而制作的陰影效果,讓每個嵌套的DIV CLASS元素向外延伸一像素,顏色遞減,這樣就實現(xiàn)了陰影效果,而且效果不錯。
- 2012-11-15
功能不錯的QQ在線客服代碼,打開網頁后懸停在網頁右側,不少的IDC網站有這種效果,它可以把您的QQ客服分門別類,讓用戶更能找到他需要的客服,可能比較實用。
- 2012-11-15
JavaScript 控制DIV層實現(xiàn)淡入淡出效果,層最開始是完全 不透明的,慢慢的就會降低透明度,直到消失,本特效適合整合到其它的腳本中,完成一個基礎功能。
- 2012-11-15
非常好的打開、關閉拖動層特效,也是現(xiàn)在WEB2.0常用到的功能,可以用作程序執(zhí)行提示等,界面友好,代碼精簡,感覺不錯。
- 2012-11-15
一個設計精美的含標號、時間的CSS文章列表,前端布局標號,后端緊跟時間,標題過長的時候自動截斷,以保證整體的美觀,這種列表很常用,建議收藏。
- 2012-11-14
Ajax加載外部頁面的一個彈出層效果,請注意本實例不能跨域讀取文件,文件必須在同一根目錄下,如果需加載的文件過大或數(shù)據(jù)過多,可能加載的時間相對較長,為了避免亂碼,外部文件請使用utf-8編碼,否則中文可能亂碼。
- 2012-11-14
CSS使用overflow隱藏超出范圍的內容,這是一個經典的CSS好示例,大家在WEB設計的時候都會遇到的問題,CSS給我們提供了多種解決方案,使用text-overflow, overflow, white-space等,可以完美控制字符的溢出或超出現(xiàn)象。
- 2012-11-14
模仿的新浪郵箱里的提示窗口,因為美化起來太麻煩了,本人美工不行,只是為了練手才寫,它分為有自定義的按鈕以及無自定義的按鈕,功能模擬差不多都實現(xiàn)了,希望學習JS的朋友一起切磋。
- 2012-11-14
用CSS設計類似條狀統(tǒng)計表效果,基于CSS實現(xiàn),這里要注意一下,實際顯示在柱狀圖上的數(shù)字要和CSS代碼里的一致,否則會感覺數(shù)據(jù)有點亂,正因為這種設計思路,決定這款代友實用度不太高,只是可以用來學習CSS的百分比布局方法。
- 2012-11-14
JavaScript帶緩沖效果打開關閉一個層,很牛的效果,有緩沖的作用會看上去更人性一點,符合人的視覺感受,會對你的網頁產生好感,試試吧,把它應用到你的項目中,相必會不錯的。
- 2012-11-13
CSS+JavaScript經典版折疊、合攏的三級菜單,這個菜單還是值得研究一下的,一共可展開三級,最里面一級用滾動條來顯示菜單內容,整個菜單豎直風格,放到網頁的左側或當作后臺管理菜單的模塊貌似還不錯。
- 2012-11-13
利用CSS布局一個直方圖,可能比較實用,主要是考驗使用CSS布局的能力,看看效果吧。
- 2012-11-13
改變單元格的內容