一个简单的动态关闭DIV框的效果，带关闭按钮

最新推荐文章于 2021-06-10 17:19:01 发布

iteye_3856

最新推荐文章于 2021-06-10 17:19:01 发布

阅读量1.7k

点赞数

分类专栏： Jquery HTML CSS 文章标签： html jquery ViewUI

本文链接：https://blog.csdn.net/iteye_3856/article/details/82370621

版权

Jquery 同时被 3 个专栏收录

24 篇文章 0 订阅

订阅专栏

CSS

8 篇文章 0 订阅

订阅专栏

HTML

2 篇文章 0 订阅

订阅专栏

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:;" onclick="closereception();" 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>