分享到:

东哥教的在指定元素下显示层

游客(未登录) 发表于 2010/07/15 15:55:59 我要回复
<!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 http-equiv="Content-Type" content="text/html; charset=gbk" />
<script type="text/javascript" src=" http://www.dongge.org/misc/jquery.js"></script>
<style>
.ssss{
border: 1px solid #f00;
padding: 12px;
}
</style>
<script>
$(function() {
  $('.test').click(function() {
    var d = $(this).attr('href');
    var _c = {left: $(this).offset().left, top: ($(this).offset().top + 30), position: 'absolute'};
    $(d).toggle().css(_c);
    return false;
  });
  $('.colse').click(function(){
    $(this).parent().hide();
    return false;
  });
});
</script>
<a href="#dom" class="test">test</a>

<br><br><br><br><br><br>
<a href="#dom" class="test">testa</a>
<div id="dom" class="ssss">
<a href="#" class="colse">关闭</a>
中华人民共和国<br />
中华人民共和国<br />
中华人民共和国<br />
中华人民共和国<br />
中华人民共和国<br />
中华人民共和国<br />
中华人民共和国<br />
中华人民共和国<br />
中华人民共和国<br />
中华人民共和国<br />
</div>