|
阅读：4424回复：0
关于div在firefox中的绝对定位此代码在ie中没问题请指教
<HTML>
<HEAD> <TITLE></TITLE> <script language="javascript"> var pointSet1; var first=new Array(2); var second=new Array(2); function getAbsoluteLeft( ob ){ if(!ob){return null;} var obj = ob; var objLeft = obj .offsetLeft; while( obj != null && obj .offsetParent != null && obj .offsetParent.tagName != "BODY" ){ objLeft += obj .offsetParent.offsetLeft; obj = obj .offsetParent; } return objLeft } function getAbsoluteTop( ob ){ if(!ob){return null;} var obj = ob; var objTop = obj .offsetTop; while( obj != null && obj .offsetParent != null && obj .offsetParent.tagName != "BODY" ){ objTop += obj .offsetParent.offsetTop; obj = obj .offsetParent; } return objTop ; } function saveDivPoint(){ first[0]=getAbsoluteLeft(f1); first[1]=getAbsoluteTop(f1); second[0]=getAbsoluteLeft(f2); second[1]=getAbsoluteTop(f2); } function objPoint(){ saveDivPoint(); f1.style.position="absolute"; f2.style.position="absolute"; f1.style.posTop =second[1]; f1.style.posLeft=second[0]; f2.style.posTop =first[1]; f2.style.posLeft=first[0]; } </script> </HEAD> <BODY> <form name="aa"> <div id="f1"> <table> <th> <td>aa</td><td>bb</td> </th> </table> </div> <div id="f2"> <table> <th> <td>cc</td><td>dd</td> </th> </table> </div> <center><input type="button" onclick="objPoint()"></center> </form> </BODY> </HTML> |
|
