漸進增強Web設計 —— 可摺疊內容

標籤：style   blog   color   io   使用   sp   div   on   cti   

在圖書館翻到了《漸進增強Web設計》，書中基於jQuery構建了許多組件，在此一一記錄。

有一些實現思路其實很簡單，我也不會把代碼粘過來，只是記錄一下注意事項技巧神馬的，對重要的代碼簡單標記。

 

可摺疊內容，其實就是點擊顯示和隱藏某部分地區。

1、body字型設定： 

body {font-size: 62.5%;}

這樣基準字型被設定成百分比的形式，所以任何指定的em都會簡單的轉換成px，1.5em相當於15px，2.2em相當於22px。

2、先編寫一般性的css，然後編寫用於特定元素的增強css。

3、對於jQuery，使用自訂事件，在適當的時候觸發。

//綁定自訂事件$(‘#id‘).bind(‘myevent‘, function() {    ......});//合適的時候觸發$(‘#id‘).trigger(myevent‘);

 

漸進增強Web設計 —— 可摺疊內容