開始學習結算頁面
結算頁面分為3個部分學習：1.簡單的頭部和收貨地址 2.較為復雜的確認訂單信息 3.交互
一、簡單的頭部和收貨地址
根據站長的圖片，自己模仿着做了一下，剛開始沒有想到填寫信息的4個框框可以用表格形式，思考了些時間，發現都不合適，然后突然發現可以用表格，一看站長的提示也是用表格。效果如下：
二、較為復雜的確認訂單信息頁面
模仿站長的例子寫的純Html頁面：
嘗試自己加上CSS樣式：
三、交互
交互內容很簡單，當用戶點擊留言框的時候，出現一個文本域。站長的代碼如下：
1 <script>
2 $(function(){ 3 $("img.leaveMessageImg").click(function(){ /*站長的留言框用的是一張圖片*/ 4 $(this).hide(); /*圖片隱藏*/ 5 $("span.leaveMessageTextareaSpan").show(); /*文本域顯示*/ 6 $("div.orderItemSumDiv").css("height","100px"); 7 }); 8 }); 9 </script>