原创 對於兩欄佈局可能出現的幾種情況的思考
對於一直比較受人喜愛的兩欄佈局，個人認爲不外乎以下幾種情況，或許會有比較多的細節方面的不同，但都可以在這幾種情況內部進行演變。 可能會出現的情況：左欄呈現重要的主體內容，右欄的相對次要；右欄呈現重要的主體內容，左欄
2020-02-21 00:52:01
原创 DIV佈局之三行三列之高度自適應補遺
很顯然，上篇文章只是在理想範疇內做了三行三列的三列自適應高。對於一般的站點，那樣佈局設計其實也就可以了，但如果針對的是門戶，或者PV超過百萬，千萬。。。的網站，這樣的佈局就顯得捉襟見肘了。 也就是說，在網絡環境不變的情況下，我們唯有想辦
2020-02-21 00:52:01
原创 如何對select元素中的選項進行邏輯分組
不知道大家有沒有這樣的感覺，在select選項足夠多的時候，被select中的選項弄得頭昏眼花，想要找一個自己想要的選項實在是太困難了。 其實是可以對select裏面的選項進行邏輯分組的。 可以想象得到，如果對select的選項進行了分
2020-02-21 00:52:01
原创 CSS切割背景應用補遺
上篇文章講了一下合併圖片，並利用CSS進行背景切割渲染的例子。這篇文章將是對上篇的一個補充，在平時的設計中可能會經常使用到下面將要講的這個效果
2020-02-21 00:52:01
原创 不規則背景圖片滑動門
記得很久以前寫過一個滑動門菜單的Demo，前些日子寫了一種用越發不規則的圖片做背景的滑動門菜單，但總有點瑕疵，因爲會存在盲點區域，雖然範圍很小，幾乎可以忽略，但畢竟還是存在。先來看看演示再說。
2018-09-04 19:26:10
原创 純CSS構造Tips效果補遺
其實並不想寫這篇文章滴，已經不好玩了。因爲之前已經寫過一篇類似的文章（純CSS構造Tips效果），如果需要其它的Tips效果應該都可以在那個基礎之上略做修改或擴展。 不過這段時間還是有不少同學問，已經給出原型了，可是。。。 再
2018-09-04 19:26:09
原创 兩種簡易的圖片切換效果
選項卡效果已被應用到越來越多的地方，於是更多不同需求的選項卡也就出現了。 沒事寫了2個簡單的圖片切換實例，其實是從選項卡實例擴展滴，所以仍使用以前那篇文章（加了點料的選項卡效果）的JS。 實例一演示：［http://www.d
2018-09-04 19:26:09
原创 純CSS構造Tips效果
這幾天心情很不好，什麼事都不想做，有點莫名其妙，卻讓人有很疲累的感覺。 不過總這樣也不是辦法，強行給了自己一個作業，工作最能麻木一個人，實踐證明確實非常有道理。 Tips，不知道大家對這個東東感不感興趣，相信有title，很多
2018-09-04 19:26:09
2
原创 列表在各瀏覽器中的表現差異
CSS總是出人意表，而IE卻總是讓人意外，這點相信大家都有同感了。 我們今天就說說列表，在講這個之前，得先了解一些關於列表本身的特性，它們在IE及其它非IE瀏覽器中的表現差異。 例如，我隨便寫了一段： <ul><li>無序列表
2018-09-04 19:26:08
3
原创 無限制的自由適應的邊框
前幾天改一個東東時，看到一個不錯的效果，可惜它是用JS做的，有點複雜和麻煩。今天正好沒什麼事，就整了個用CSS實現的方法，感覺應該會比較實用的。 效果描述：一個容器，有外在表現的一種容器，這個容器要根據自身包含的內容（比如說圖片）
2018-09-04 19:26:08
原创 對選項卡的合理性及用戶體驗的幾點看法
看過最早的選項卡其實應該是微軟的一些東東，都是一些非常經典的。比如說IE的“Internet 選項”之類的，非常棒。 從“Internet 選項”中，用戶可以很清晰的看出當前自己是在瀏覽哪個區域。“Internet 選項”的“當前
2018-09-04 19:26:08
2
原创 奧運年，我再次光顧了神舟
就在前幾天，入手了一臺神舟優雅 hp800的筆記本電腦。標題爲什麼要說“再次”呢？原因很簡單，因爲之前用來蠻長一段時間的神舟筆記本。對於在外界蜚譽參半的神舟，我不再多加評論，好不好，誰用誰知道。 先來說說此次購機的簡單過程：
2018-09-04 19:26:08
原创 加了點料的選項卡效果
補上前篇文章所說的“圖二”選項卡實例。 類似的效果，其實我之前已經寫過了（不規則背景圖片滑動門），這裏篇文章主要是爲了說明上篇文章的“合理性”及“良好的用戶體驗”，不闡述其它的問題。 ［演示地址：http://www.doyo
2018-09-04 19:26:07
原创 有趣的放大鏡效果
閒話先不說，直接看實例先： ［演示地址：http://www.doyoe.com/model/xhtmlcss/style/larger/larger.htm］ CSS部分： .larger { width:300px; pad
2018-09-04 19:26:07