首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

jquery腾挪div

2013-01-08 
jquery移动div script languagejavascript function send(){var tTip$(#dong)var lefttTip.offs

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>

热点排行