Readygo技术搜索引擎 网络搜索 efish 2008-1-17 4:58:14

向高手请教鼠标的问题

楼主liuliu26（小雨）2002-11-07 12:50:44 在 Web 开发 / JavaScript 提问

要做这样一个效果,在页面上有一个图片,用鼠标在图片上一拖,图片上能显示出鼠标拖动的范围,然后将这个范围变为图片的热点链接,  
  同时还能知道这个范围相对于图片的坐标,  
  请高手能将代码写给我研究研究,大恩不言谢了! 问题点数：0、回复次数：2Top

1 楼meizz（梅花雪）回复于 2002-11-07 13:15:07 得分 0

这些放到FrontPage里做吧.Top

2 楼seabell（百合心）回复于 2002-11-07 17:46:13 得分 0

矩形的情况  
  <script>  
  drawing=false;  
  startx=0;starty=0;  
  stopx=0;stopy=0;  
  w=0;h=0;  
  function   mydown()  
  {  
  startx=event.clientX;  
  starty=event.clientY;  
  drawing=true;  
  }  
  function   mymove()  
  {  
  if(drawing)  
  {  
  stopx=event.clientX;  
  stopy=event.clientY;  
  h=stopy-starty;  
  w=stopx-startx;  
  if(h>0&&w>0)  
  {  
  status="x1="+startx+";y1="+starty+";x2="+stopx+";y2="+stopy+"w="+w+";h="+h;  
  mydraw.innerHTML="<span   style="position:absolute;left:"+startx+";top:"+starty+";height:"+h+";width:"+w+";font-size:1px;background-color:yellow;FILTER:Alpha(Opacity=30)"   onmousedown=mydown()   onmousemove=mymove()   onmouseup=myup()>&nbsp;</span>";  
  }  
  }  
  }  
  function   myup()  
  {  
  drawing=false;  
  }  
  </script>  
  <img   src="http://www.fredi-bobic.de/images/fun/fotos/sportnat3.jpg"   onmousedown=mydown()   onmousemove=mymove()   onmouseup=myup()>  
  <div   id=mydraw></div>Top