求jq弹出div优化实现!

Question

单击按钮,在按钮旁边弹出DIV框,
div里有2个链接/按钮,一个是跳转,一个是关闭div,
定时X秒,自动关闭div框!
下面代码已经实现上述功能,但是觉得jq肯定有更优的方法,求大虾赐教!
function addCart(event, productId){
var uri = "OperateCart?cartType=add&productId=" + productId;
//alert(event.clientY + "|" + event.clientX);

$.post(uri,
function(data){
var div = "<div id='cartSuccess' > 添加成功</br>" +
"<a href='../dang/cart/cart_list.jsp'>查看购物车</a>" +
"&nbsp;&nbsp;<a onclick='removeCartSuccess()'>继续购物</a>" +
"</div>"
$(div).addClass("cartSuccess")
.css({top: event.pageY - 10,left: event.pageX + 50 })
.appendTo("body")
.mouseleave(function(){
$("#cartSuccess").remove();
});
}
                     setTimeout("$('#cartSuccess').remove()",5000);
);
}
function removeCartSuccess(){
 $("#cartSuccess").remove();
}

Answer 1

http://www.ligerui.com/看看他的  弹出框

Answer 2

http://www.code-design.cn/download/20100223/jquery-pop-layers-plugins.aspx

Answer 3

参考
http://trentrichardson.com/Impromptu/index.php

Answer 4

http://blog.csdn.net/xuexiaodong2009/article/details/6553292
使用JS制作弹出框的几个小问题
自己写的，不知道是不是你要的

Answer 5

这样可以了更优化的方式
就是 预先生成要弹出的窗口
jq只是负责 刷新窗口中的数据 和 显示/隐藏窗口一般情况下 也都是这么做的 
在第一次弹出的时候 创建 你的jq对象
之后就一直调用这个jq

Answer 6

$.animate,我在网上看见好像有用到这个方法的,查了下手册,不是很明白,哪位大侠知道的?