<!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>