读书人

jquery腾挪div

发布时间: 2013-01-08 14:02:13 作者: rapoo

jquery移动div

 <script language="javascript">
function send(){
var tTip=$("#dong");
var left=tTip.offset().left;
var top=tTip.offset().top;

tTip.css({
"left":left,
"top":top-45
}).fadeIn("show",function(){

});
}
</script>
<body >
<a href="#" onClick="send()">回复</a>
<div id="dong" style="display:none">你好</div>
<br/>
<a href="#" onClick="send()">回复</a>
</body>

我点击第2个回复,就让idv移动到第2个回复下面,怎么做?

[解决办法]
div绝对定位

 <script language="javascript" src="http://www.coding123.net/js/jquery.js"></script>
<script language="javascript">
function send(a){
var tTip=$("#dong"),p=$(a).offset();
var left=p.left;
var top=p.top+a.offsetHeigth;

tTip.css({
"left":left,
"top":top
}).fadeIn("show",function(){

});
}
</script>
<body >
<a href="#" onClick="send(this)">回复</a>
<div id="dong" style="display:none;position:absolute">你好</div>

<a href="#" onClick="send(this)">回复</a>
</body>

读书人网 >JavaScript

热点推荐