ITPub博客

首页 > Linux操作系统 > Linux操作系统 > jQuery 定位 div 位置(坐标)

jQuery 定位 div 位置(坐标)

原创 Linux操作系统 作者:coolhe 时间:2009-08-26 17:46:35 0 删除 编辑

动态定位div
删除一行记录
增加一行记录

源码如下:(我的博客下载中有源码例子)
==================

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">


无标题文档


<!-- 
 var msnPopWin;
 var msnPopWin_min;
 $().ready(function() {
  //msnPopWin = $('#loft_win').floatFix({position:3,initSize:'min'});
  msnPopWin_min = $('#loft_win_min');
  msnPopWin=$('#loft_win').floatFix({           
   minDomNode: '#loft_win_min',
   initSize:'min',
   hoverTurn:false})  
 });
 
 // 新增一行 
 function addtr(id){
 tr_id = $("#lpnr>tbody>tr:last").attr("id");
 tr_id++;
 
 //alert(tr_id);
 str = " xxxxxxx xxxxxxx";
 $('#'+id).append(str);
 msnPopWin.show();
 msnPopWin_min.hide();
 // -- 得到当前位置
 var ffset = msnPopWin.offset();
 //alert("left:"+offset.left+",top:"+offset.top);
 msnPopWin.css("position","absolute");
 msnPopWin.css("top",offset.top - 20);

 }
 
 // 删除一行 
 function deltr(id){
  //tr_id = $("#lpnr>tbody>tr").attr("id");
  //alert(tr_id);
  var lpItemID;
  lpItemID = $('#lpItem_'+id);
  //alert('#lpItem_'+id );
  lpItemID.remove();
  // -- 得到当前位置
  var ffset = msnPopWin.offset();
  //alert("left:"+offset.left+",top:"+offset.top);
  msnPopWin.css("position","absolute");
  msnPopWin.css("top",offset.top + 20);
 }
 //-->


 

 
  
   
  
  
   
  
 

    
     
      
                       
                                                    
                        
    

                        _
                        <!--span style="cursor: pointer;font-size:12px;font-weight:bold;margin-right:4px; float:right; padding-top:3px;" class="floatfix_cls">关闭                       
                       

                       

   

           

               
               
                   
                   
               
               
                       
               
               
               
                   
               
               
               
您已选中的礼品有: 欲消费6华币,您共有56华币

                       
                       
                               
                       
                        <!--tr id="1">
                           
                           
                           
                                               
礼品名称价 格
xxxxxxxxxxxxxx

                   

               

   

   


<!--最小化状态-->



 

 

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/3090/viewspace-613314/ ,如需转载,请注明出处,否则将追究法律责任。

下一篇: myTest01.rar
请登录后发表评论 登录
全部评论

注册时间:2009-04-14

  • 博文量
    118
  • 访问量
    614257