table表格點選單元格，在單元格下方浮動顯示DIV，並動態載入資料
工具/原料
jquery-1.4.1.js ，引用JQUERY
方法/步驟
頁面載入table
| cell11 | cell12 | cell13 |
| cell21 | cell22 | cell23 |
JS中預載入DIV
$(function() {
$("table").after("
"+
");
"
});
構建基本JS方法，包括顯示DIV、關閉DIV、動態載入DIV顯示明細、獲取元素的縱橫座標
通過CSS維護顯示圖層z-index
.pop-box {
z-index: 9999; /*這個數值要足夠大，才能夠顯示在最上層*/
margin-bottom: 2px;
display: none;
position: absolute;
background: #FFF;
border: solid 1px #6e8bde;
}
完成程式碼編寫，並預覽效果。
預覽效果，在表格cell12和cell22分別設定了點選事件onclick，
注意事項
popupDiv(x,y,div_id)，需傳遞元素位置
div_obj.css({"position": "absolute"}) .animate({left: y,top: x+30, opacity: "show" }, "slow");設定顯示位置