根据坐标来读大图片上的坐标

来源:互联网 发布:ubuntu给用户一般权限 编辑:程序博客网 时间:2024/05/17 06:43

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
 </HEAD>
 <style>
 div{width:50px;height:32px;background-image:url(bg.png);background-repeat:no-repeat;margin:10px;}
 </style>
<script language="javascript">
function popup(){
 document.getElementById("icoa").style.backgroundPosition="-207px 0px";
 document.getElementById("icob").style.backgroundPosition="-155px 0px";
 document.getElementById("icoc").style.backgroundPosition="-51px 0px";

 document.getElementById("ico1").style.backgroundPosition="-207px -40px";
 document.getElementById("ico2").style.backgroundPosition="-155px -40px";
 document.getElementById("ico3").style.backgroundPosition="-51px -40px";
}
</script>
 <BODY onload="popup()">
 图片的最左上角的点是x,y坐标系的原点,以此类推坐标...
  <div id="ico1"></div>
  <div id="ico2"></div>
  <div id="ico3"></div>
  <div id="icoa"></div>
  <div id="icob"></div>
  <div id="icoc"></div>
 </BODY>
</HTML>

原创粉丝点击