一个简单的动态关闭DIV框的效果，带关闭按钮
jquery设置获取div位置var top=obj.offset().top;
var left=obj.offset().left;
$("#mapDiv").css({'top':top-20,'left':left+50});
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> New Document </TITLE><META NAME="Generator" CONTENT="EditPlus"><META NAME="Author" CONTENT=""><META NAME="Keywords" CONTENT=""><META NAME="Description" CONTENT=""><script type="text/javascript" src="http://www.mizuan.net/js/jquery.min.js"></script><script type="text/javascript">function closereception(){$("#reception").slideUp("normal");}</script><style type="text/css">#reception{clear:left;width:843px;height:23px;line-height:23px;vertical-align:middle;padding:10px 0 10px 5px;position:relative;margin-bottom:10px;border:1px solid #ddd;background:#f8f8f8 url('http://www.mizuan.net/image/reception.gif') no-repeat}#reception img{vertical-align:middle;border:0}</style></HEAD><BODY><div id="reception"><div id="closeb" style="position:absolute;right:4px;top:4px"><a href="javascript:;"title="关闭"><img src="http://www.mizuan.net/image/closes.gif" /></a></div><div style="padding-left:130px"><a href="http://www.mizuan.net/about/contact.asp?#msn" title="MSN在线通—网页客服"><img src="http://www.mizuan.net/image/msnonline.gif" /></a></div></div></BODY></HTML>
页:
[1]