- 2012-11-17
DIV完全自適應的實例,利用overflow:hidden你可以去掉默認存在的滾動條,一個仿框架的div布局就非常容易了。
- 2012-11-17
用CSS制作橫向排列的條狀圖表演示代碼,用來生成柱狀圖之類的數據統計表,的確是個不錯的方法,而且代碼淺顯易懂,便于修改完善,基本雛形已經展示在大家面前,剩下的功能你可以繼續擴展哦。
- 2012-11-17
漂亮滑出層,JavaScript+CSS實現,使用廣泛,代碼少,容易修改。
- 2012-11-17
用選項卡布局成的網站首頁,你可以在這個大選項卡中布局一些背景圖片,這樣它就更漂亮了,用這種效果制作出首頁,其實還是蠻不錯的,挺個性。
- 2012-11-17
網頁上浮動滑出的DIV層,可以用作廣告,也可以布置一些導航菜單,基本上沒用圖片,為了更好的展現功能,因此沒有過多美化,這里使用了外圍的浮動框解決了有可能出現的橫向滾動條問題。
- 2012-11-17
CSS在Div層或表格內使用滾動條,可以上下左右滾動,如果Div層內的內容超出范圍,滾動條就自動出現了,鼠標放到下邊的控制文字上,會觸發JS函數,JS函數控制內容開始滾動,還行吧?
- 2012-11-17
CSS+JavaScript控制層顯示與隱藏,感覺還行吧,現在經常用到這種效果,兼容性不錯。
- 2012-11-17
純CSS排列呈弧形布局的導航菜單,這個菜單對我們來說很特別,CSS布局中的難點,但是作者很有水平,能排成弧形,所以還是值得大家學習的。
- 2012-11-17
全兼容的高度自適應的CSS實現,讓CSS根據附近的DIV高度自動調整自身的高度,以使兩者等高,這樣布局就整齊了美觀了,參考一下。
- 2012-11-17
這個功能可以叫做右下角彈窗,也可以稱為右下角的鏈接提示框,當你的鼠標移動到網頁的文字鏈接或圖片上的時候,網頁的右下角會彈出一個基于層的提示窗口,說明該鏈接或圖片的含義,算是一種鏈接提示效果。
- 2012-11-17
一個DIV對齊布局實例,主要是向大家展示如何讓DIV布局按你的意思對齊,以及嵌套結構的布局等。
- 2012-11-17
讓一個LI列表自動按兩欄顯示,并不是你的布局是兩列,而是按照CSS LI的特性讓它自動分為左右兩列,而你只需調用文章,本布局比較實用,很多的網站都見到過。
- 2012-11-17
CSS讓一行文字顯示在圖片的底部,用來說明圖片的內容,當作圖片標題,標題文字和背景可以設置半透明,鼠標經過圖片時邊框換色。看上去視覺沖擊力不錯。
- 2012-11-16
一個經典風格的CSS分頁效果,這里僅僅是CSS代碼,是一個分頁樣式的美化代碼,并不包括實際的分頁哦,直接把代碼復制拷貝到你的網頁中就能用了。
- 2012-11-16
自已無聊寫的JS層拖動,感覺效果還挺不錯,有點像Windows視窗的樣子,可以自定義拖動窗口的標題、內容,拖動操作挺舒服,請運行代碼查看效果。
- 2012-11-16
一個實用的提示效果,基于CSS-Div,打開網頁后始終顯示在右下角,拖動滾動條仍然固定在右下角不會變,通過這個CSS代碼斷你會更深一層理解CSS的層定位方法,對以后編寫CSS幫助很大。
- 2012-11-16
Js實現的層展開、層折疊效果,默認時候層是折疊的,點擊按鈕后才展開,以前有位朋友詢問過此問題,當初因為忙沒能解決,希望這個效果能幫助那位朋友解決問題。
- 2012-11-16
在新浪、騰訊QQ,百度新聞大家會見到他們的新聞網頁里有一個被包圍的廣告區域,在以前曾經試了很多次不知是如何做的,現在知道是用CSS定位來做,設置一個寬為1px的空白層,利用該層的高度控制廣告層上、下的位置。firefox和opera還有少量偏差,基本可以滿足使用。
- 2012-11-16
CSS配合Table實現一個表格嵌套的效果,常用于模塊導航,結構清淅,代碼簡潔。
- 2012-11-16
帶緩沖效果的展開、折疊層代碼,基于JavaScript,其實已經有很多這樣的代碼了,只是由于每個人形容的不一樣,所以真正需要的人卻找不到,自己再美化一下還是很不錯的。