任意移动文字

Posted on 2007-04-12 19:40  Leon0812  阅读(261)  评论(0)    收藏  举报

<style>
.drag{position:relative;cursor:hand}
</style>
<script language="JavaScript">
var dragapproved=false
var z,x,y
function move(){
if (event.button==1&&dragapproved){
z.style.pixelLeft=temp1+event.clientX-x
z.style.pixelTop=temp2+event.clientY-y
return false}}
function drags(){
if (!document.all)
return
if (event.srcElement.className=="drag"){
dragapproved=true
z=event.srcElement
temp1=z.style.pixelLeft
temp2=z.style.pixelTop
x=event.clientX
y=event.clientY
document.onmousemove=move}}
document.onmousedown=drags
document.onmouseup=new Function("dragapproved=false")
</script>

<style>
.drag{position:relative;cursor:hand}
</style>
<script language="JavaScript">
var dragapproved=false
var z,x,y
function move(){
if (event.button==1&&dragapproved){
z.style.pixelLeft=temp1+event.clientX-x
z.style.pixelTop=temp2+event.clientY-y
return false}}
function drags(){
if (!document.all)
return
if (event.srcElement.className=="drag"){
dragapproved=true
z=event.srcElement
temp1=z.style.pixelLeft
temp2=z.style.pixelTop
x=event.clientX
y=event.clientY
document.onmousemove=move}}
document.onmousedown=drags
document.onmouseup=new Function("dragapproved=false")
</script>
<SCRIPT   LANGUAGE="JavaScript">  
  <!--  
  function   cc()  
  {  
  var   r   =   document.all.aa.getBoundingClientRect   ();  
  alert(r.top   +   ":"   +   r.left   +   ":"   +   r.bottom   +   ":"   +   r.right+"\n"+document.all.aa.innerText);  
  }  
 
  //-->  
  </SCRIPT>  
   sdljfkjsljfsfjlsfslfsfjsflsf
  sdfsdfsdf
  sdf<br>
  sdfs
  df
  s<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;df
  s<br>
&nbsp;&nbsp;&nbsp;dfs
  dfs<br>
  dfs &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<table width="100%"  border="1" cellpadding="0" cellspacing="0">
  <tr>
    <td width="6%">&nbsp;</td>
    <td width="17%">&nbsp;</td>
    <td width="27%">&nbsp;</td>
    <td width="16%">&nbsp;</td>
    <td width="34%">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td><font  class="drag">将鼠标按在这些字上移动鼠标试试看!啦啦啦</font></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td></td>
    <td>&nbsp;</td>
    <td>&nbsp;dfsssssssssss
    <p></p></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><font  class="drag">将鼠标按在这些字上移动鼠标试试看!啦啦啦</font></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>
</td>
    <td><div ><font  class="drag">将鼠标按在这些字上移动鼠标试试看!啦啦啦</font></div></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><font  class="drag" id="xxx">xxx</font></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<p>&nbsp;</p>
     <div contentEditable="true"  class="drag"  style="position:absolute;left:510px;top:164px;width:115px;height:58px;border:0px   solid  white"   id=aa>fff</div>   
  <input   type=button   onclick="cc()"   value="查看位置">

博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3