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

 

<!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 οnlοad="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>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值